cara pasang show dan hide

Cara pasang Show dan Hide Pada Blog

CARA PASANG SHOW AND HIDE PADA BLOG Mungkin anda ingin menyembunyikan widget atau kod /teks pada blog.Fungsi ini macam Mungkin Kita ingin meyembunyikan widget pada blog,hanya menunjukan separuh saja teks. Fungsi ini seperti read more pada posting dan bila diklik pada read more akan menunjukkan sebahagian lagi teks.Kod ini akan menampilkan tombol yang mana bila diklik dapat menampilkan bahagian yang tersembunyi.. klik tombol dibawah untuk melihat contohnya

Gantikan teks letakkan kandungan yang hendak disembunyikan disini dengan kandungan yang dingini:

<div id="spoiler" style="display:none">
letakkan kandungan yang hendak disembunyikan disini
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>
Teks show/hide pada butang boleh ditukar mengikut kesukaan anda.Boleh diletakkan pada sidebar atau posting.