Cara membuat Daftar Isi secara Otomatis

Pada postingan sebelumnya saya sudah menyampaikan bagaimana caranya membuat daftar isi secara manual.
Untuk kali ini saya coba sampaikan bagaimana cara membuat daftar isi secara otomatis dengan mudah.
1. Login ke Blogger
2. Masuk ke menu rancangan - Edit HTML - expand widget
3. Buat lah kode CSS di bawah ini :

#daftar-isi-otomatis{ border:2px outset blue; padding:5px 0 5px; background:# 060d69 }

4. Cari kode  ]]></b:skin>
5. Copas kode CSS yang telah kita buat tadi dan letakkan tepat di atas kode tadi.
6. Langkah selanjutnya kita cari kode : <b:include data='post' name='post'/>
    Jika di blog kita sudah terdapat 2 kode di atas, maka kita pakai yang pertama
7. Ganti kode tadi dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='daftar-isi-otomatis'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

8. Simpan Template
9.Kemudian kita masuk ke menu page element dan klik Add Gadget pilih Edit Html/java script, posisinya terserah di mana kita mau meletakkannya, apakah mau di menu atau di side bar. Contohnya bisa di lihat di DAFTAR ISI blog ini.
10. Copy paste kode di bawah ini kedalamnya, ganti alamat link dengan alamat Link anda
<a href="http://www.gobelajarmandiri.blogspot.com/search?max-results=100">Daftar isi</a> 
Selesai.... dan coba lihat hasilnya...!!


SEMOGA BERMANFAAT