Membuat Daftar Isi Menggunakan Spoiler

Buat Sobat yang ingin membuat daftar isi blog nya lebih rapi dan ringan terload nya,coba saja cara ini,seperti di Blog ini.Membuat Widget Daftar Isi Menggunakan Spoiler, widget ini sangat berguna untuk menghemat tempat di sidebar.Berikut cara Membuat Widget Daftar Isi Menggunakan Spoiler :

1.Login ke Dashboard blogspot.
2.Pilih Ad Gadget,Lalu Pilih HTML/Java Script.
3.Masukkan Kode dibawah ini :

<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://kimzaqi.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
</div>

4.Ganti alamat URL diatas dengan URL blog sobat,Lalu save.Selesai.Untuk Liat Hasilnya seperti di Blog saya ini.

Semoga Bermanfaat

Share this post