Cara Membuat Daftar isi pada Blog

Cara membuat daftar isi blog adalah sebagai berikut, (ikuti langkah di bawah ini)

Langkah Pertama:
1.Login ke Blogger kemudian ke Layout/Tata Letak
2.Pilih Edit HTML
3.Copy kode berikut 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;}

4.Taruh kode tadi di atas kode : ]]></b:skin>

5.Kemudian simpan.

Langkah Kedua:
1.Pilih Layout/tata letak pada blogger
2.Pada menu Elemen Halaman, tambah gadget di sebelah atas elemen Post
3.Pilih HTML/Javascript dan paste kode di bawah ini ke dalamnya

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

4.Kemudian simpan tanpa memberi judul.

5.klik tambah gadget; posisinya bisa ditentukan sendiri. Paste kode berikut pada konten HTML/Javascript :

<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>

catatan: ganti kata yang dicetak tebal (YOURBLOG) dengan nama blog anda.

6.Beri judul gadget dengan Daftar Isi atau bisa dengan kalimat Anda sendiri
7.Klik tombol Simpan dan lihatlah hasilnya