Membuat Daftar Isi Otomatis Pada Blog

[Z-Xp] Membuat daftar isi blog otomatis disini yang dimaksud yaitu jika anda melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog anda.
daftar isi ini dapat menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi jika postingan anda buat tanpa menggunakan label, kemungkinan besar

judul postingan tidak akan muncul didalam daftar ini.
Penempatan daftar isi ini dapat saya kelompokkan menjadi dua, cara pertama menampilkan daftar isi pada halaman depan blog andadan kedua menampilkan pada satu halaman penuh.
Untuk contohnya silahkan lihat dibawah :

Cara pertama berikut langkahnya :

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 anda.
Copy dan paste code di bawah ini :

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

Pada code diatas tulisan http://namablog.blogspot.com diganti dengan alamat blog anda.
width:430px : Ganti Lebar sesuai dengan yang anda inginkan, sesuaikan dengan template
height:120px : Ganti tingginya sesuai dengan keinginan anda

6. Klik Save.

Untuk cara kedua yaitu menampilkan daftar isi pada satu halaman penuh. Berikut langkahnya :

1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan anda.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://z-xpblog.googlecode.com/files/Contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Pada code diatas tulisan http://namablog.blogspot.com diganti dengan alamat blog anda.

6. Klik Publish/Post.

Untuk Demo cara ini dapat anda lihat disini : Demo Daftar Isi.