Membuat Daftar Isi

Setiap pengunjung pasti ingin membaca postingan yang anda buat, namun para pengunjung kurang puas apabila harus membuka satu - persatu dengan melihat Kategori karena akan memakan waktu untuk membukanya, mungkin untuk para pengunjung yang modem berkecepatan tinggi tidak masalah namun apabila pengunjung yang modem berkecepatan rendah akan membuat jengkel saja dan merekapun tidak akan tahan lama untuk membacanya, nah saya mempunyai solusinya dengan membuat daftar isi di blog, mau tau caranya? ikuti langkah berikut :

1. login ke blogger dengan id anda sendiri
2. masuk ke tata letak dan edit HTML, lalu klik kotak kecil di samping tulisan Expand
   
3. download dulu template anda/copas semua kode yang ada di sana lalu paste ke notepad bertujuan untuk menghindari kerusakan pada blog anda
4. kalau sudah cari kode ]]></b:skin> lalu kode di bawah ini letakkan di atas kode ]]></b:skin>
   
   
   #toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}
   
   .toc-header-col1, .toc-header-col2,
   
   .toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}
   
   .toc-header-col2 { width:75px;}
   
   .toc-header-col3 { width:125px;}
   
   .toc-header-col1 a:link, .toc-header-col1 a:visited,
   
   .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,
   
   .toc-header-col3 a:visited { font-size:100%; text-decoration:none;}
   
   .toc-header-col1 a:hover,
   
   .toc-header-col2 a:hover,
   
   .toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}
   
   .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}
   
   
   
5. lalu simpan
6. setelah selesai menyimpan, masuk ke Elemen halaman dan tambahkan gadget
   
7. cari gambar lalu klik Java script/Edit HTML
8. copas kode <div id+"toc"></div> dan taruh di kotak HTML, lalu simpan
   
9. mari kita menambahkan kembali gadget
10. klik gambar ini di samping tulisan Java script/Edit HTML
11. beri judul gadget itu dengan apa yang anda inginkan, lalu paste kode di bawah ini
    
    
    <div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/>
    &nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div>
    <script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
    </script><script src="http://blog anda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
    
    
    
12. Tulisan yang berwarna biru bisa anda ganti
    
13. kalau sudah simpan deh

setelah ada tutorial ini saya harapkan anda bisa makin sukses.....