Cara membuat wigdet daftar isi blogger

Pada postingan kali ini saya ingin berbagi dengan teman-teman tentang cara membuat widget daftar isi pada blogger (soalnya saya menggunakan blogger). Sebenarnya ini bukan postingan sendiri sih. Ini saya ambil dari dunia-blogger dengan sedikit editing..hehehehehe..biasalah, saya bukan orang yang ahli menulis artikel soalnya...hehehehe (ketawa lagi kayak orang gila)..

Gak usah basa basi lagi deh, langsung saja ya......

Pertama, buka blogger anda dan login seperti biasa.
Kedua, buka layout dan tambahkan gadget (add gadget kalau dalam bahasa ingris ==> padahal bahasa ingris dapat jelek). Tambahkan html/javascript dan pasang sesuai kehendak anda.
ketiga, copykan code dibawah ini (code sedikit saya edit, jadi sedikit beda dari dunia-blogger)

==================================================================
<div style="border: 1px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="0px";><blink><span style="font-weight:bold;font-color=blue">DAFTAR ISI</span><br/></blink>
<script style="text/javascript">function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(Baca)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('# ');
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br>');
}
</script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://rattlenetwork.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
Widget By: [<a href="http://rattlenetwork.blogspot.com">rattlenetwork</a>]
================================================================

Jangan Lupa Ganti http://rattlenetwork.blogspot.com dengan Blog Masing Masing.... :)
Pengaturan lainnya mungkin pada bagian atas, silahkan atur tingginya jika perlu tambahkan kode width: 200px; sebelum height, untuk mengatur lebar Roll nantinya:

Saya Menghargai Anda jika Anda memakai Widget Ini, dan Besar harapan Saya Sumbernya [Widget By: rattlenetwork ]tetap dicantumkan... Terima Kasih buat semua blogger.

Thanks to dunia-blogger

By Rattlenetwork