Cara Membuat Daftar Isi Otomatis di Blog

Saya ingin berbagi pengalaman untuk rekan bloger, tentunya para Bloger pastinya menginginkan tampilan Blog yang cantik, rapi dan memudahkan para pengunjung mengenali isi Blog anda.
nah,,, kali ini saya ingin menjelaskan cara Membuat daftar isi blog otomatis
yang dimaksud daftar isi blog otomatis 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. sebelumnya baca postingan cara membuat label pada blog
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>

keterangan :
pada kode diatas tulisan width:430px;height:120px ialah lebar dan tinggi, anda bisa merubah sesuai dengan keinginan anda
Tulisan http://namablog.blogspot.com ganti dengan alamat blog anda.

6. Klik Save.

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


Tulisan http://namablog.blogspot.com ganti dengan alamat blog anda.

6. untuk memastikan hasilnya baiknya anda pratinjau sebelum simpan/save
7. Klik Publish/Post.

semoga bermanfaat,,,