Cara pasang Show dan Hide Pada Blog

Posted by

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 menampilka 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. 


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 13.52.00

1 komentar:

Anonim mengatakan...

makasih sob, sukses diterapkan di blog saya...

#htmlcaption1 AA Perdana graha Permata Mungkajang #htmlcaption2 Stay Connected

henna