Cara memasang spoiler di sidebar blog

Bila sobat berkunjung ke kaskus.co.id, sobat banyak sekali menemukan artikel yang dilengkapi dengan spoiler. Kalau spoiler tersebut dibuka maka akan muncul gambar yang dilampirkan oleh user yang mengirim postingan atau komentator.

Konon katanya, spoiler tersebut berfungsi agar loading artikel tidak terlalu berat.

Nah jika sobat ingin menambahkan spoiler buka tutup di blogspot,ternyata dapat dilakukan dengan mudah tanpa edit html template. Cukup dari tata letak >> tambah gadget >> teks html , lalu tambahkan kode berikut :

<div><div style="margin-bottom: 2px;"><i><b><small>Statistik Blog</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: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
 
<a href="http://www.alexa.com/siteinfo/blogspot.com" target="_blank"><script type=text/javascript src=http://xslt.alexa.com/site_stats/js/t/a?url=blogspot.com></script></a>

</div></div></div>
 
Gantilah kode warna pink tersebut dengan teks, link, gambar atau banner yang anda kehendaki.
Save dan lihat hasilnya.