Cara membuat show hide/Spoiler widget di blog

Share on :

Tweet

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 bawah ini.

Klik di sini

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.