Cara Membuat Daftar Isi Secara Manual

Di postingan kali ini saya akan membahas cara membuat Daftar Isi Manual..!!! Sobat pasti sudah melihat daftar isi yang terpampang jelas di blog saya ini... yang ada icon bintang kerlap-kerlip yang terpampang jelas di blog saya ini... 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://ewabloggerock.blogspot.com/2011/03/cara-membuat-artikel-postingan-tampil.html"> cara membuat artikel postingan tampil hanya judulnya saja</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://ewabloggerock.blogspot.com/2011/03/41-legenda-makhluk-makhluk-aneh-di.html"> 41 Legenda Makhluk-Makhluk Aneh Di Seluruh Penjuru Dunia</a>
<br/>
</div>

3. Dari kode di atas ;
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.