membuat daftar isi

Daftar Isi, merupakan kumpulan dari posting posting yang ada pada blog, dengan adanya daftar isi tentunya dapat memudahkan para pembaca Blog untuk mengetahui isi dari blog yang kita buat. seperti halnya pada buku-buku yang pernah kita baca jika kita ingin mencari dengan cepat materi atau artikel yang ingin dibaca lebih mudah jika kita mencarinya pada daftar isi ;
pada sudut kanan blog saya ini ada tulisan daftar isi blog. jika Anda mengkliknya maka akan muncul daftar dari isi blog saya. daftar ini tidak langsung

terlihat karena disembunyikan, daftar isi ini hanya akan nampak jika tulisan daftar isi ini di Klik. pada Buku yang ditulis secara manual tentunya penulisan daftar isi nya juga ditulis dengan cara yang manual pula. lain halnya dengan daftar isi disini akan secara otomatis mengisi daftar jika anda membuat posting baru.cara membuatnya adalah sbb ;

Langkah pertama :
1. masuk di blogger
2. Pilih menu Layout
3. Pilih menu Edit HTML
4. buat backup data anda
5. Copy code ini

#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;}

6.Paste di atas code ]]></b:skin>
7.simplan Tamplate
8.tambahkan Halaman JavaScript
9.copy code ini dan paste halaman baru tadi

<div id="toc"></div>

10.simpan
11.pindahkan halaman yang kita buat tadi diposisi atas
12.buat atau tambah halaman baru
13.copy dan paste code ini dihalaman yang baru dibuat tadi

<div id="toclink">
<a href="javascript:showToc();">
Lihat Daftar Isi</a>
<br/><br/></div>
<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js">
</script>

<script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc">
</script>
14. simpan dan selesai dech