Membuat Daftar Isi Manual

Kali ini saya hanya akan membahas Daftar Isi Manual saja... oke kita langsung saja yaa.. ikuti langkah-langkahnya sebagai berikut :

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://ecaknyo.blogspot.com/2009/09/linkwithin-widget-mini-yang-praktis.html"> LinkWithin...WidGet Mini yang Praktis MenampiLkan Cuplikan Postingan!!!</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://ecaknyo.blogspot.com/2009/09/ganti-emo-box-shoutmix-di-blog-simple.html"> GanTi eMO box Shoutmix di BLoG.. SimPLe Bgt</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://ecaknyo.blogspot.com/2009/10/cara-membuat-blogroll-scrolling_04.html"> Cara MemBuaT BLogRoLL ScroLLing Otomatis dan yang ManuaL...</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://ecaknyo.blogspot.com/2009/10/bagi-sobat2-blogger-yang-blognya-ber.html"> Cara PaSanG JaM & KaLenDeR iSLaMi aL-HaBib di BLoG</a>
<br/>
</div>

3. Dari kode itu.. gantilah kode scripts berikut ini ;

- <img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://ecaknyo.blogspot.com/2009/09/linkwithin-widget-mini-yang-praktis.html"> LinkWithin...WidGet Mini yang Praktis MenampiLkan Cuplikan Postingan!!!</a>

Merah = Gantilah dengan URL HTML Code Gambar Icon kamu..
Biru = Gantilah dengan Direct URL ke postingan Artikel kamu..
Hijau = 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 kamu membuat daftarnya dan mengeditnya.. silahkan di simpan widget daftar isi-nya dan tempatkan di tempat yang strategis..

Source:http://ecaknyo.blogspot.com/