Cara buat daftar isi blog otomatis

Membuat daftar isi blog sangat diperlukan agar pengunjung sangat mudah mencari isi blog sobat bermacam-macam tipe yang ditawarkan oleh jasa pengguna blog atau download di google..! namun saya akan memberikan daftar isi blog Otomatis sesuai pada Label Blognya, daftar isi ini akan terisi sendiri mengikuti label pada blog anda..

- Masuk ke dasbor blog

- Klik Tata Letak

- kemudian  tambahkab gadget

- klik HTML/JavaScript

- masukan Kode berikut !!!

<style type="text/css">

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivYilt1_Rsd8p3848eL5beHf5BlSkoJn-7l7TZ2TL54VzBIa6eDo4_f9ZU9_x-Zj3ogmqOsKn0yX_gqjwQS52ovZuRqeo1qR9vRJkm6A7uCC5So2Riq2suOhBqv5BP9fqTBGofu19nYwM/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0q67DYiEAWIATNqX2EoWyn0CJVL6MKvdrDCGVvgh6yh0DueYQybf7iMLZUkBn2XUzJHm_06pJaBXFhzmVYbAHrS0sAH6Zcbm-ga6R_O0sknXpH5Op__GmprntZzftHEkm4mL0A2epb6g/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcTD0LSAI4JjcVXjdticxu1RCytsLMDcfPe3Jw5v6tzvZKsC4ntW0CEzg0q5ha7t1VnDIJfs4-2qPpV0ZM-CBDWB9jCVi2gWQkOS_QTxep1QDcBY-o9vQzp233-99SfsKqFzjc1GoAUk/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://bangdadan.googlecode.com/files/daftar.isi.js" type="text/javascript"></script>

<script src="http://rojaycreativ.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Hapus teks warna merah ganti dengan url blog anda

Silahkan Coba...