Cara Membuat Tombol Spoiler Atau Hide Show di Blog

Pada postingan kali maz imam, share yaitu membuat Tompol Spoiler Atau bisa di sebut juga dengan Hide Show,.. ternyata banyak lho sob,.. manfaat sebagian kecilnya misalnya untuk meringkas halaman pada gadjet atau pada postingan blog kita untuk selanjutnya temen-temen, ya dah langsung aja sob,.
misalnya seperti di bawah ini :

 

Selanjunya copas Java Scip di bawah ini taru dimana temen-temen suka asalkan jangan di kamar mandi hehe.. pis..pis just kidding sob.

<div><div style="margin: 5px;">

<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>

</div>

<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">

<div style="display: none;">

www.sangperaihimpian.com

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

Habis itu ganti tulisan yang berwarna merah dengan gadjet, tulisan atau postingan yang ingin temen-temen hide..

Dan temen-temen bisa ganti tulisan yang berwarna hijau dengan sesuka temen-temen..

selesai dech,.. selamat mencoba soobbb,.. semoga berhasil.. salam blogger