Membuat Tombol Show Hide Blog (spoiler)

Apa sih maksudnya Membuat Tombol Show Hide pada Blog (spoiler)? ya, tombol spoiler ini berfungsi untuk menyembunyikan gambar atau text yang terlalu panjang sehingga bisa menghemat tempat posting. kalau pada bingung langsung dipraktekin saja atau lihat dulu ini contohnya

Silahkan tulis text atau gambar disini

Untuk scriptnya silahkan dicopas aja di postingan atau di sidebar (add widget >>> HTML).

<div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Tombol Spoiler" 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 = 'Sembuntikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampak'; }" type="button"></div><div class="spoiler"><div style="display: none;"><br /><br /> <div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;"><br /><br /><br /><br />Silahkan tulis text atau gambar disini <br /><br /><br /><br /><br /><br /> </div></div></div></div>

oh ya bagi kaskuser yang suka komeng lebih hemat tempat kalau pakai spoiler juga. spoiler kaskus lebih mudah penerapannya loch. cuma sedikit scriptnya

[spoiler=pesan]isi pesan[/spoiler]

langsung saja copas code diatas dan ganti pesan dengan judul pesan kamu dan
ganti juga isi pesan dengan text atau gambar yang ingin kamu hide kan.


Silahkan dicoba yach........
semoga bermanfaat.....