Cara membuat spoiler show hidden pada blog

Pada kesempatan yang baik ini saya akan berbai trick tentang Spoiler atau disebut juga show hidden sering digunakan para bloger untuk meminimalis menu pada blog atau artikel  Caranya sederhana banget sob :
Copy codenya dibawah ini

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

TEXT ANDA LETAKAN DISINI

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

Hasilnya

Klik untuk melihat

TEXT ANDA LETAKAN DISINI

Agar kotak tidak muncul hapus code yang berwarna biru
Hasilnya

Klik untuk melihat

TEXT ANDA LETAKAN DISINI

gimana mudahkan!!!!!
sekian tips kali ini tentang spoiler
silahkan dicoba semoga bermanfaat :D
jangan lupa berkunjung lagi iya :)

Artikel Menarik lainnya:

Widget by [ Boykean-archive ]