Membuat daftar isi sangatlah penting jika seorang pemilik blog ingin membuat para pengunjungnya mudah untuk mengetahui postingan apa saja yang ada di blognya . Untuk itu dibuatlah di side bar agar langsung nampak. Kalau pada postingan lalu yang judulnya membuat daftar isi otomatis di blog, hanya menampilakan daftar isi jika diklik. Nah yang ini, ga perlu diklik, karena akan otomatis keluar sendiri . Jadi , buka halaman postingan,,, buka daftar isi.....

Selain tidak perlu membuka halaman baru , daftar isi kali juga termasuk enak di pembaca , enak juga di pemilik blog. Jadi , sama - sama enak donk... Tapi, walaupun mantab , daftar isi yang satu ini sedikit memakan bandwith yang cukup memperlambat loading , karena menggunakan script yang harus ditransfer dari nenek moyangnya.... Tapi lagi ni ya,, koq ngoceh terus, kapan buatnya ,?? Ini dia caranya

• masuk dulu ke blog sendiri
• langsung aja ke menu tata letak/lay out
• cari posisi mana yang cocok lalu klik tambah gadget / add gadget
• akan muncul halaman baru , klik HTML/JavaScript
• lalu copypastekan kode script berikut

<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://Namablogsobatmodif.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

• ganti tulisan namablogsobatmodif dengan nama blog sobat modif
• buatkan nama judulnya dan disave dech
• lalu buktikan sendiri apa yang terjadi

• Untuk lebih mempercantiknya lagi, buatkan border di sekelilingnya, caranya ? tinggal tambahkan aja kode untuk membuatnya berborder, berikut kodenya:

<div style="border: solid #ededed; overflow: auto;height: 350px;padding:5px;margin:1px;"> scriptnya di sini </br></div>

• Masukkan scriptnya pada tulisan scriptnya di sini
• Atau lebih maknyosnya lagi jadinya seperti di bawah ini

<div style="border: solid #ededed; overflow: auto;height: 350px;padding:5px;margin:1px;">

<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogsobatmodif.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script> </br></div>

• Eitthhh, jangan lupa diganti alamat blognya , nanti ga muncul tu daftar isi di bilang ni tutorial ga betul , padahal salah tulis...

• Save, dan selesai ....