Cara membuat show hide/Spoiler widget di blog

Cara mudah untuk mempercepat dalam kinerja blog dengan cara menyembunyikan widget seperti gambar dan sejenisnya. Maka dengan ini saya akan share tutorial cara membuat  show hide widget, di blogspot, namun sepertinya untuk selain blogspot juga bisa.

Untuk pembuatannya juga cukup mudah, karena ini hanya menyisipkan script untuk show dan hide widget. Untuk contohnya bisa anda lihat di  sebelah kanan blog saya

Itu sudah di lihatkan contoh secara langsung, kini anda pastinya ingin mencobanya. Oke ikuti langkah secara step by step.

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