Tombol Spoiler Show Hide Blog (kaskus)

Jika anda seorang kaskuser pasti kenal dong tombol seperti ini?

Pada blog bagi paara newbie mungkin sangat perlu karena dapat mengurangi loading blog yang terlalu lama dan juga sangat menghemat tempat. Nah pada blog bagaimana cara membuatnya?

Caranya sangat mudah. Sebelum itu contohnya bisa anda lihat di bagian footer blog ini atau bagian paling bawah blog ini. Teptnya ada di sebelah pojok kanan bawah.. Nah di sana ada sebuah tombol show hide atau spoiler. Nah Jika kita klik tombol Show maka akan terbuka widget yang kita sembunyikan.

Spoiler ini tidak hanya berguna pada widget namun pada postingan juga bisa. Seperti menyembunyika sebuah artikel yang terlalu panjang atau beberapa gambar yang biasanya membuat blog berat.
Oke sekarang kita akan berlatih membuatnya

1. Buka blogger mu.
2. Lalu klik Layout
3. Lalu pilih add widget
4. Lalu masukan kode ini :

<div><div style="margin-bottom: 2px;"><i><b><small>KLIK TOMBOL SHOW UNTUK MELIHAT</small></b></i><input value="SHOW" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">


disini anda bisa meletakkan artikel / gambar tergantung kebutuhan anda.






</div></div></div>

Maka akan jadi seperti ini :

KLIK TOMBOL SHOW UNTUK MELIHAT

disini anda bisa meletakkan artikel / gambar tergantung kebutuhan anda.

Selesai.. Bagaimana? Tidak susah bukan? Jika masih tidak mengerti silahkan komentar di bawah :)



TITI-SHARE