Membuat Widget Daftar Isi Menggunakan Spoiler

Berikut cara Membuat Widget Daftar Isi Menggunakan Spoiler :

• Login ke blogger, klik Design > Page Element.
  
• Klik Add a Widget dan pilih HTML/Javascript.
  
• Lalu letakkan kode berikut di area konten widget :
  <div class="smallfont" style="margin-bottom: 2px;">
  <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Daftar Isi" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;  height: 250px; overflow: auto;">
  <script src="http://tutorial-blog.googlecode.com/files/feeds.js">
  </script><script src="http://cs-cybershare.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script>
  </div>
  </div>
  ket : cs-cybershare.blogspot.co.id ganti dengan alamat blog Sobat.
• Terakhir klik Save.
  
  Selesai...
  Contoh tampilannya seperti berikut, silakan di klik.

• Judul Postingan

  Judul Postingan

  Judul Postingan

  Judul Postingan

  Dan Seterusnya

Sekian tutorial tentang Membuat Widget Daftar Isi Menggunakan Spoiler.