Cara membuat daftar isi secara otomatis

Daftar isi blog merupakan widget yang mempermudah pengunjung melihat isi blog kita. ada banyak tampilan daftar isi dengan segala fiturnya. seperti yang anda lihat di blog ini. daftar isi yang terletak disidebar kanan blog tentunya memudahkan pengunjung bukan. selain itu tampilan blog kita juga kelihatan lebih rapi. bagaimana tertarik Ingin punya daftar isi ala blog yaqindlive? simple bukan? tapi menarik tentunya. hehe.

Jika ingin memasangnya di blog kalian ikuti langkah pemasangannya :

• ambil kopi dan snack (edisi bercanda) haha
• masuk ke akun blogger kalian 
• klik Rancangan  ➨  Tambah gadget ➨ Pilih HTML/Javs Script.
• copykan kode dibawah ini
  
  

  <div style="overflow:auto;
   height:350px;
   border:1px solid #990000;
   font-family:Arial Narrow;
   background:#ffffff;
   font-size:100%;
   ">
   <ul style="
   list-style-type:decimal-leading-zero;
   margin-left:5px;
   ">
   <script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js"></script><script src="http://otowebsite.googlecode.com/files/table%20of%20contents%20otowebsite.js" style="text/javascript">
   </script><span><strong><a href="http://otowebsite.blogspot.com" style="font-size:60%;width :auto; padding:0 3px 1px 2px;border-bottom:0px solid #D8D8D8; width:auto; font-family:Arial Narrow;background:none; text-decoration: none;color:#BDBDBD;">List Of Contents Widget</a></strong> </span>
   <script style="text/javascript">
   var displayDate=true;
   var newLabel=1;
   </script>
   <script src="http://URLBlogmu.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loctable"></script><li style="margin-top:2px;"><a href="http://otowebsite.blogspot.com/" rel="external" target="_blank">Oto Website</a><span style="font-size:65%; font-family:Arial Narrow; color:#990000;"> New !</span>
  <span style="font-size:75%; font-family:Arial narrow;"> Date: January - 23, 2005</span>
  </li></ul></div> <a href="http://yaqindlive.blogspot.com/" target="_blank">Get this widget</a>

• simpan template
  
  
  Keterangan:
  

  Ganti http://URLBlogmu.blogspot.com/ dengan URL blog sobat
  height:350px;  adalah ukuran tinggi , silahkan sobat ganti sesuai dengan selera.
  border:1px adalah ukuran ketebalan garis bingkai, bisa sobat tebalkan lagi seperti menjadi 2px dan seterusnya.
  background:#ffffff;adalah kode warna background, sobat bisa menggantinya dengan kesukaan sobat.
  
  Sumber : Blog Otowebsite

Sumber : http://yaqindlive.blogspot.com/2012/06/membuat-daftar-isi-otomatis-ala.html#ixzz2VofCCd1X