Cara Membuat Daftar Isi Blog Otomatis Pada Blogger/Blogspot

Daftar isi dapat memudahkan kita untuk menemukan suatu topik dalam suatu buku, atau dapat juga dalam suatu blog atau web. Jika suatu blog atau mempunyai banyak artikel, maka akan susah mencari artikel yang tepat. Oleh karena itu, daftar isi ini penting untuk suatu blog.

Bagaimana cara membuat daftar isi secara otomatis? Berikut saya jelaskan:
I. Membuat daftar isi yang ditampilkan di halaman depan blog.
Berikut ini contoh daftar isi:

Berikut ini cara membuatnya:
1. Masuk ke blogger.
2. Klik Design lalu klik Page Element
3. Pilih Add a Gadget
4. Pilih HTML/javascript
5. Tulis judul daftar isi atau sesuai keinginan Anda, masukkan dan copy pastekan kode HTML berikut:

<div style="overflow:auto;width:420px;height:130px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://bloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><br /> </div>

Catatan: ganti bloganda.blogspot.com dengan nama blog yang Anda miliki.
ganti  lebar sesuai keinginan Anda, misal width:400px
ganti tinggi sesuai keinginan Anda, misal height:100px

6. kemudian klik Save
7. Lihat hasilnya dengan mengunjungi blog Anda.

II. Membuat daftar isi yang ditampilkan satu halaman penuh
Berikut ini langkah-langkahnya :
1. Masuk ke account blogger Anda
2. Pilih New post atau Edit Page (jika ingin ditampilkan di Page Blogspot)
3. Pilih Edit HTML pada kanan atas
4. Masukkan judul postingan tersebut dengan Daftar Isi, atau sesuai keinginan Anda
5. Copy pastekan kode HTML berikut:

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://bloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Catatan: bloganda.blogspot.com ganti dengan nama blog yang Anda miliki
6. Klik Publish Post