Cara membuat kotak daftar isi blog

Cara membuat kotak daftar isi blog >> Kemarin ada salah satu pertanyaan buat saya dari pengunjung blog ini yang mana dia menanyakan bagaimana cara membuat kotak daftar isi seperti yang terlihat pada kanan blog ini,sayapun menjawabnya langsung melalui sms kalo daftar isi dikanan blog ini hanya dibuat secara manual dengan fungsi scroll,tapi untuk jelasnya biar aq posting saja ya...

Ya walau tutorial seperti hanya untuk pemula tapi gk apalah lha wong saya juga baru kemarin ko9k belajar ngeblognya,he he he....
ok.langsung aja ke tkp!

1. Loggin ke blogger
2. Klik rancangan/tata letak
3. Add gadget/tambah gadget
4. Masukkan kode dibawah ini:
   

   ---

   <style>
   .list {
   background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
   }
   </style>
   
   <div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:220px; height:350px; background-color: #fffff; border:0px solid #000000;">
   
   
   <div class="list">
   <a href="http://zonanetmu.blogspot.com/2012/02/menampilkan-foto-profil-pada-komentar.html">Membuat footer 3 kolom dibawah posting</a></div>
   
   
   
   
5. Keterangan:
   
   • yang saya beri warna merah adalah ukuran lebar dan tinggi kotaknya,sesuaikan dengan ukuran sidebar kamu
   • yang berwarna hijau adalah alamat/URL dari artikel kamu
   • sedangkan tulisan yang berkedip adalah salah satu contoh ancor untuk judul postinganya.