Cara Buat Daftar Isi di Blog

Ane mau share nih gan beberapa cara buat daftar isi blog..
caranya :
1. Masuk ke elemen halaman
2. Klik tambah gadget
3. Pilih html javascript
4. Pasang kode seperti dibawah ini.
Silahkan copy paste script di kotak berikut ini, tapi jangan lupa ganti ( NAMA BLOG )dengan alamat blogspot anda.(ada beberapa pilih aja salah satu)
Yang pertama (tipe scroll) :

<br /> <br /> <script><br /> function hyoga(json) {<br /> document.write('<ilayer clip="0,0,270,300" width="270" height="300">');<br /> document.write('<layer width="270" height="300" bgcolor="lightyellow">');<br /> <br /> <br /> document.write('<div style="width:300px;height:320px;background-color:lightyellow;overflow:auto;display:block;font-family:trebuchet;font-size:11px;color:#000000;padding:5px">');<br /> <br /> for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {<br /> <br /> <br /> var entry = json.feed.entry[i];<br /> <br /> var posttitle = entry.title.$t;<br /> <br /> var posturl;<br /> <br /> if (i == json.feed.entry.length) break;<br /> <br /> for (var k = 0; k <= entry.link.length - 1; k++) {<br /> <br /> if (entry.link[k].rel == 'alternate') {<br /> <br /> posturl = entry.link[k].href;<br /> <br /> break;<br /> <br /> }<br /> <br /> }<br /> <br /> posttitle = posttitle.link(posturl);<br /> <br /> var readmorelink = "(more)";<br /> <br /> readmorelink = readmorelink.link(posturl);<br /> <br /> var postdate = entry.published.$t;<br /> <br /> var cdyear = postdate.substring(0,4);<br /> <br /> var cdmonth = postdate.substring(5,7);<br /> <br /> var cdday = postdate.substring(8,10);<br /> <br /> var monthnames = new Array();<br /> <br /> monthnames[1] = "Jan";<br /> <br /> monthnames[2] = "Feb";<br /> <br /> monthnames[3] = "Mar";<br /> <br /> monthnames[4] = "Apr";<br /> <br /> monthnames[5] = "May";<br /> <br /> monthnames[6] = "Jun";<br /> <br /> monthnames[7] = "Jul";<br /> <br /> monthnames[8] = "Aug";<br /> <br /> monthnames[9] = "Sep";<br /> <br /> monthnames[10] = "Oct";<br /> <br /> monthnames[11] = "Nov";<br /> <br /> monthnames[12] = "Dec";<br /> <br /> if ("content" in entry) {<br /> <br /> var postcontent = entry.content.$t;<br /> <br /> } else if ("summary" in entry) {<br /> <br /> var postcontent = entry.summary.$t;<br /> <br /> } else<br /> <br /> var postcontent = "";<br /> <br /> var re = /<\S[^>]*>/g;<br /> <br /> postcontent = postcontent.replace(re, "");<br /> <br /> document.write('<font color="#006400"><b>');<br /> document.write(posttitle);<br /> document.write('</b></font>');<br /> <br /> <br /> if (showpostdate == true)<br /> document.write('<br/>');<br /> document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);<br /> <br /> if (showpostsummary == true) {<br /> document.write('<br><br/>');<br /> if (postcontent.length <= numchars -1) {<br /> <br /> document.write(postcontent);<br /> <br /> } else {<br /> <br /> postcontent = postcontent.substring(0, numchars);<br /> <br /> var quoteEnd = postcontent.lastIndexOf(" ");<br /> <br /> postcontent = postcontent.substring(0,quoteEnd);<br /> <br /> document.write(postcontent + '...' + readmorelink);<br /> document.write('<br><br/>');<br /> }<br /> <br /> }<br /> <br /> <br /> <br /> }<br /> document.write('</div>');<br /> document.write('</layer>');<br /> document.write('</ilayer>');<br /> <br /> }<br /> </script><br /> <br /> <script><br /> <br /> var showpostdate = true;<br /> <br /> var showpostsummary = true;<br /> <br /> var numchars = 150;<br /> <br /> </script><br /> <br /> <script src="http://NAMA BLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=hyoga"></script><br /> <br />

Yang kedua (tipe scroll):

<div style="overflow:auto; height:200px;" margin="1px" ;><script style="text/javascript" src="http://h1.ripway.com/icalholic/js_daftar_isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /> </div><br/><a href="http://http://www.firmanthok.co.cc/2009/12/cara-membuat-daftar-isi-blog-dengan.html">Dapatkan widget disini</a>

Yang ketiga (marquee/berjalan) :

<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /> <br /> <script style="text/javascript" src="http://h1.ripway.com/icalholic/js_daftar_isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /> <br /> </marquee><br /> By <a href="http://http://www.firmanthok.co.cc/" target="_blank">mr blog</a>

Yang keempat (tipe scroll) :

<style> .list { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY0P272VDwhuupjEhgaMIyDtm0rGPNLdnAPkBiB3IPBXf7J0wnrlU_ybEZ4ve6WNlQkDXdncE_WOliLqv2_1B7PbeNYyMykb3e4zIQLELMP9GkWUn8JIms5ZspqYtzzvyXnohnZEittmSg/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px; } </style><br /> <br /> <div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;"><br /> <div class="list"><a href="http://themahyonk.blogspot.com/2009/09/cara-menghilangkan-icon-obeng-dan-tang.html">Cara Menghilangkan Icon Obeng & Tang di Blog</a></div><br /> <div class="list"><a href="http://themahyonk.blogspot.com/2009/09/cara-membuat-link-berkelip-kelip.html">Cara Membuat Link Berkelip-Kelip</a></div><br /> <div class="list"><a href="http://themahyonk.blogspot.com/2009/09/cara-membuat-tulisan-berjalan-marquee.html">Cara Membuat Tulisan Berjalan "MARQUEE"</a></div><br /> </div>

Yang kelima (tipe scroll) (kayak yg ane pakai) :

<div style="border: 0px solid #fff; overflow: auto; height: 220px; line-height:2em; padding-left:23px;font-size:11px;"><br /> <script style="text/javascript" src="http://izwansholimin.googlepages.com/daftar_isi.js"></script><br /> <script style="text/javascript"> var numposts = 1000; var showpostdate = false; var showpostsummary = false; var numchars = 100; var standardstyling = true; </script><br /> <script src="http://duniaunikpunya.blogspot.com/feeds/posts/default? orderby=published&alt=json-in-script&max-results=999 &callback=showrecentposts"></script><br /> <br /> </div>

buat yang kelima ini yang diubah hanya http://duniaunikpunya.blogspot.com menjadi alamat blog anda