Cara membuat Daftar isi otomatis dengan scroll pasti akan memudahkan pengunjung untuk melihat daftar isi blog kita tanpa perlu repot2 karena langkah - langkahnya pun mudah banget kok
1. Masuk di blog anda
2. Tambah Gadget HTML/Javascript dan simpan kode di bawah ini di dalamnya.
3. Jika belum mengerti cara menambah HTML/javascript silahkan Baca : Cara menyimpan kode html di blog
<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script type="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script type="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>Terakhir klik SIMPAN.
Jika kodenya tidak berfungsi lagi silahkan simpan kode dibawah ini dihostingan anda sendiri,
function showrecentposts(t){document.write("<ol>");for(var e=0;e<numposts;e++){document.write("<li>");var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){n=r.link[s].href;break}i=i.link(n);var a="(Baca)";a=a.link(n);var d=r.published.$t,o=(d.substring(0,4),d.substring(5,7)),l=d.substring(8,10),u=new Array;if(u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec","content"in r)var c=r.content.$t;else if("summary"in r)var c=r.summary.$t;else var c="";var m=/<\S[^>]*>/g;if(c=c.replace(m,""),standardstyling||document.write('<div class="bbrecpost">'),standardstyling&&document.write(i),1==showpostdate&&document.write(" - "+u[parseInt(o,10)]+" "+l),standardstyling||document.write('</div><div class="bbrecpostsum"">'),1==showpostsummary)if(standardstyling&&document.write("<br/>"),c.length<numchars)standardstyling&&document.write("<i>"),document.write(c),standardstyling&&document.write("</i>");else{standardstyling&&document.write("<i>"),c=c.substring(0,numchars);var w=c.lastIndexOf(" ");c=c.substring(0,w),document.write(c+"..."+a),standardstyling&&document.write("</i>")}standardstyling||document.write("</div>"),standardstyling&&document.write("<br/>"),document.write("</li>")}document.write("</ol>"),standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write("<br/>")}
