Cara membuat show hide/Spoiler widget di blog

1. Login di blogger
2. Masuk tata letak
3. Pilih elemen widget
4. add gadget
5. Masukkan kode di bawah ini

<div><div style="margin-bottom: 2px;"><i><b><small>Statistik info</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;">

Masukkan script image, link, atau tulisan di sini

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

 6. Simpan widget,..

Demo 

Statistik info

<div class="separator" style="clear: both; text-align: center;"> <a href="http://asrul1.blogspot.com/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ulwN2sRfe92KCR2cH3wo1dWMDzFR1jHzbahgFDhjOJiXosHisGttcUCU9TV2U5SDWd6kcpShU3DC5wyIyqTAOxfKSJkrPMxrS-U7tyfvSVzhcw0RJAX2flwk7xffdf5_7c_GUlyXboE/s1600/saef.gif" /></a></div>

Posted in: Blogger