Membuat Daftar Isi Postingan Blog

Ada beberapa cara untuk membuat daftar isi blog ini, dan saungweb akan coba berbagi info tentang cara mudah Membuat Daftar Isi Postingan Blog yang pernah dilakukan setelah mencari beberapa referensi dari blognya sobat Marcellino dll. Nah hasil dari semua itu setelah dipraktekan bisa dilihat di Daftar Isi blog ini.

Kita bisa menampilkan semua postingan maupun hanya beberapa saja. Ok.... langsung aja meluncur.. tanpa bla..bla..bla..toh keuntungan memasang daftar isi.. pasti dah tahu semua.. ya kan ???.

Bagi yang berminat langkahnya .. seperti ini :

 

1. Masuk dulu ke acount blogger sobat , lalu pilih Layout , terus Klik Edit html.
2. Backup dulu templatnya, siapa tahu nanti malah amburadul, Sok atuh klik Download Template Lengkap
3. Beri tanda centang.. eh contreng pada tulisan Expand Widget Template. Tunggu beberapa saat.
4. Cari kode seperti ini ( ada di bagian body )

<b:include data='post' name='post'/>

5. Kalau dah ketemu , silahkan hapus dan diganti dengan kode seperti ini

<br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType != "item"'><br /><a expr:href='data:post.url'><br /><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><br /><data:post.title/></div></a><br /><b:else/><br /><b:include data='post' name='post'/><br /></b:if><br /><b:else/><br /><b:include data='post' name='post'/><br /></b:if><br />

6. Simpan template Sobat.
7. Selanjutnya masuk ke Page Element , klik Add Gadget sesuai tempat yang diinginkan.
8. Pilih mode HTML/JavaScript .. dan masukan kode berikut ini :

<a href="http://Saungweb.blogspot.com/search?max-results=300">Daftar Isi&raquo;</a>

9. Ganti Nama Saungweb dengan nama blog sobat, dan angka 300 adalah jumlah artikel yang akan ditampilkan..tentu kita bisa merubahnya sesuai keinginan sendiri.. gitu lho..
10. Klik Save Template.
11. Selesai…. Lihat hasilnya... horeee.. sekarang ...aku punya Daftar Isi .
12. Jika masih belum puas dengan tampilannya.. silahkan oprek lagi,, apakah mau merubah jenis , size , warna hurup atau background , dengan merubah kode yang ini ( no 5 di atas ).
    <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;">

Selamat mencoba, jika masih ada yang kurang atau punya pengalaman yang lebih simple lagi.. masukan aja di komentar.... Insya Allah amal yang tidak terasa.. asal ikhlas membantu sesama..