Membuat Spoiler / Show Hide pada Blog

 Masukkan code atau gambar atau yang lainnya

Sobat blogger, Hari inni saya pengen keluar tapi di luar panas banget terus gak jadi deh. ehm, saya blogging aja deh terus posting . hehehehe :). ehm, Kesempatan kali ini saya akan beri tau anda semua tentang " Bagaimana membuat Spoiler / Show Hide pada blog ". Biar gak lama - lama, langsung saja ke tutorialnya :

1. Pertama " login " dulu pada akun blog anda.
2. Masuk Dashsboard -> Tata Letak --> Add Gadget-> Html/Javascript.
3. Kemudian " Copy pastekan " code di bawah ini ke dalam " Html/javascript " yang telah anda buka.

<div><div style="margin-bottom: 2px;"><i><b><small> </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 15px;" 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: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

MASUKKAN IMAGE ATAU CODE YANG ANDA INGINKAN.

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

nb: Tulisan warna merah bisa anda ganti dengan code - code yang anda inginkan.

4. " Save " dan Lihat hasilnya . Semoga bermanfaat

CB Blogger