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://galihkompjaringan.blogspot.com/2012/02/pengertian-hardware-perangkat-keras.html">pengertian hardware(perangkat keras)komputer</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/komponen-komponen-pc-beserta-fungsinya.html">komponen-komponen pc beserta fungsinya</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/cara-membuat-banner-tukeran-link.html">cara membuat banner tukeran link</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/cara-menginstall-virtual-box.html">cara menginstall virtuall box</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/cara-membuat-efek-hujan-daun-berjatuhan.html">cara membuat efek hujan daun berjatuhan</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/cara-mebuat-efek-hujan-saju.html">cara membuat efek salju</a></div>
   
   <div class="list">
   <a href="http://galihkompjaringan.blogspot.com/2012/02/merakit-komputer.html">merakit komputer</a></div>
   
   </div>
5. langsung di save yaeh...

Read More