Membuat Daftar Isi Blog Otomatis

Agar pengunjung blog lebih mudah dalam pencarian isi sebuah blog, maka Daftar Isi akan sangat diperlukan. Untuk lebih memudahkan blogger (pemilik) blog agar tidak repot dalam membuat daftar isi, maka diperlukan script simple pembuatan daftar isi blog secara otomatis.

Inilah script daftar isi blog seperti milik saya di blog ini. silahkan copy paste dan letakkan di gadget HTML blog sobat

<div style='text-align: left; font-size:11px;'>
<div style='background: transparent url(#) no-repeat scroll 0 0; border:0px solid white; height:200px; overflow:auto; width:70%;'>
<div id='cl_option'>
Loading... </div>
<div id='cl_content_list'>
</div>
<script type='text/javascript'>
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src='http://imdad.googlecode.com/files/DaftarIsi-Revo2.js'>


</script>
<script src='URL BLOG ANDA/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500'/></div>
</div>

ganti tulisan URL BLOG ANDA dengan url nama blog sobat sendiri.
Kemudian simpan dan lihat hasilnya.

MEMBUAT DAFTAR ISI BLOG DISAMPING

Selanjutnya jika anda ingin memasang Daftar isi blog anda seperti di blog ini, silahkan ikuti langkah berikut ini

PERTAMA, copy script dibawah ini ke notepad

<style type='text/css'>
#gb{
position:fixed;
top: 18px;
z-index:+1000;
}
* html #gb{position:relative;}

.floatingtop{
background:none;
padding:20px;
}

.gbcontent{
float:center;
position:right;
border:0px solid #7EA1BE;
background:none;
padding:20px;
}
</style>

<div id='gb'>
<div class='gbcontent'>
<div style='text-align:center'>
</div>
<center>

DATA BLOG DISINI

</center>
<script type='text/javascript'>
var gb = document.getElementById(&quot;gb&quot;);
gb.style.center = (30-gb.offsetWidth).toString() + &quot;px&quot;;
</script></div></div>

kemudian ganti tulisan DATA BLOG DISINI dengan Script Daftar Isi diatas.
Selanjutnya :

• Masuk ke Editor HTML
• Centang Expland Template Widget

cari kode  </body> kemudian letakkan script yang telah di edit pada notepad tadi tepat diatas kode </body> Kemudian Simpan Hasil edit Template sobat tersebut.dan lihat hasilnya.