Cara Membuat Spoiler Untuk Widget Blog

Spoiler adalah salah satu cara untuk menyembunyikan tulisan, video, gambar atau yang lainnya pada suatu artikel atau postingan. Tujuan sebenarnya dalam penggunaan spoiler adalah untuk menghemat tempat pada postingan dan juga untuk mempercepat loading.

Ikuti langkah berikut ini :

1. Log in ke Blogger > Tata Letak > Tambah Gadget > HTML/Java Script.
2. Isikan dengan javascript berikut, lalu klik Simpan.

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</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;">
 Letakkan kode widget  yang anda inginkan
 </div></div></div>

   3.  Selesai

Sumber : Tutorial Blogger Anda