Andry Blog's

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

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

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

selesai Gampangkan