Pasang Spoiler di blog

Pasang spoiler di blog, itukah judul post kali ini. Spoiler merupakan salah satu wadah untuk kita untuk lebih mudah menempatkan widget apapun didalam nya. Kita dapat menempatkan widget tukeran link, site info, atau apapun didalam nya. Dengan menggunakan spoiler, blog akan terlihat lebih rapi dan ruang dari sebuah blog akan lebih luas. Bukan cuma itu, dengan memasang spoiler kecepatan blog akan bertambah. Untuk demo silahkan lihat gambar dibawah ini :

Cara membuat nya seperti berikut :

• Login terlebih dahulu di blogger.com
• Klik Rancangan » Pilih Tambah Gadget
• Pilih HTML/ JavaScript
• Letakkan kode berikut ini didalam nya
  

<center><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 100%;" value="Link Sahabat" 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;Close&#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;Open&#39;; }" type="button" />
</div>
<div style="margin: 0px; padding: 6px;" class="alt2"><div style="display: none;">
Ganti dengan kode widget kamu !

<div style="border: 0px solid rgb(0, 0, 0); overflow: auto; width: 100%; height: 220px; text-align: left;">
<center><li><a href="">/////</a></li>
</center></div></div></div></div></center>

• Save
  

Keterangan !
» Untuk tulisan yang berwarna merah silahkan ganti dengan kode widget yang kamu punya