Cara Membuat Daftar Isi di Blog

Kalian pasti sudah melihat Daftar isi yang terpampang jelas di atas blog ini... yang ada icon bintang kerlap-kerlip itu... baiklah bagi blogger pemula silahkan simak artikel ini.. bagi blogger senior ya silahkan ditambahkan jika masih kurang jelas.. :D 

1. Loginlah dulu di Blogger > > Tata letak > Elemen Halaman.. Klik tambah Gadget > HTML/Java Scripts.. Buatlah Namanya Gadget-nya misalnya Daftar isi Blog..

2. Copy-paste kode dibawah ini ke dalam gadget tadi..

<div style="border: 0px solid rgb(153, 153, 153);
overflow: auto;
width: 500px;
height: 150px;
text-align: left; ">

<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://farishendi.blogspot.com/2011/01/key-smadav-pro.html"> Key SMADAV PRO!!!</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://farishendi.blogspot.com/2011/01/username-password-esseav.html.html"> Username & Password ESS/EAV</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://farishendi.blogspot.com/2011/01/cara-menutup-akses-ke-registry-editor.html"> Cara Menutup Akses ke RegEdit</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://farishendi.blogspot.com/2011/01/cara-pasang-ip-address.html"> Cara Pasang IP Address di Blog</a>
<br/>
</div>

3. Dari Kode itu, ganti lah kode script berikut : 
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://farishendi.blogspot.com/2011/01/key-smadav-pro.html"> Key SMADAV PRO!!!</a> 

Merah = Gantilah dengan URL HTML Code Gambar Icon kamu..
Hijau = Gantilah dengan Direct URL ke postingan Artikel kamu..
Biru = Gantilah dengan Judul Artikel kamu..

Ulangilah langkah diatas ini sampai semua postingan artikelmu terdaftar semua..
Lainnya :
- <br/> = Seperti spasi yang memberikan jarak antar text....
- style="border: 0px = Gantilah angka border-nya dengan 1px atau 2px atau biarkan saja 0px..
- width: 500px; = Sesuaikan dengan lebar kolom di blog kamu.. atau aturlah sesukamu
- height: 150px; = Sesuaikan dengan tinggi kolom di blog kamu.. bisa 100px atau 200 / 250 px..
- text-align: left; "&gt; = Mengatur posisi text widget ini / daftar isi ..ganti dengan Center jika mau di tengah-tengah..

4. Jika selesai semua kalian membuat daftarnya dan mengeditnya.. silahkan di simpan widget daftar isi-nya dan tempatkan di tempat yang strategis..


sumber : blognya ecaknyo