Cara/Panduan Membuat Daftar Isi Otomatis di Blogspot

Pada kesempatan kali ini, saya ingin menulis tentang bagaimana membuat daftar isi dalam blog secara otomatis. Manfaat dari pembuatan daftar isi ini adalah dapat membantu blog anda untuk lebih banyak dikunjungi dalam segi halamannya. Kok bias?. Hal ini terjadi, ketika pengunjung blog Anda sudah membaca salah satu artikel dalam blog dan artikel itu menarik, maka pengunjung akan mencari artikel menarik atau artikel terkait lainnya. Nah… hal ini menyebabkan besar kemunkinan visitor akan sering berkunjung ke blog Anda. blog kita ibaratkan dengan sebuah buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya buku tersebut pun diabaikan dan dilupakan. Sekarang jelas sudah tentang manfaat pembuatan daftar isi blog? Sekarang bagaimana cara membuat daftas isi blog otomatis itu? Berikut langkah-langkah membuat daftar blog otomatis.

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
6.. Kopas kode di bawah ini
<script src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js">
</script>
<script src="http://pokoe-mimpiku.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
7. Terbitkan Entri.
Namun jika Anda ingin membuat daftar isi menggunakan  fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee">
<script style="text/javascript" src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script>
<script src="http://pokoe-mimpiku.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Keterangan :

• Ganti tulisan yang berwana merah dengan nama blog Anda
• Sesuaikan tinggi scroll dengan merubah height:120px   sesuai keingingan Anda
• Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.
• Ganti warna border scroll dengan merubah #eee dengan kode warna yang anda inginkan