Membuat daftar isi otomatis pada blog

Pada posting terdahulu cara edit blog telah membuat posting yang hampir sama atau bahkan sama dengan posting ini. Abaikan tentang posting yang terdahulu, yang terpenting adalah saatnya meneruskan membaca posting ini "membuat daftar isi otomatis pada blog".
Saya pembaca juga telah banyak menemukan posting tentang cara membuat daftar isi otomatis pada blog, baik itu pada blog berbahasa inggris maupun blog berbahasa Indonesia. Tetapi tidak ada salahnya jika anda mencoba cara yang satu ini.
Kelebihan daftar isi ataupun sitmap pada posting ini adalah, kode script yang digunakan tanpa mengarah ke sebuah link tempat penyimpanan kode script. Karena kode script yang akan anda gunakan langsung di letakkan pada sebuah halaman tempat anda membuat daftar isi otomatis. Jika anda menggunakan halaman posting, maka kode script daftar isi otomatis langsung anda letakkan pada halam posting tersebut. Dan jika anda menggunakan halaman statis, maka anda akan meletakkan kode script itu pada halaman statis yang akan anda gunakan untuk membuat daftar isi / sitemap.
Dengan cara seperti itu, ketika halaman daftar isi otomatis dibuka, maka halaman daftar isi tidak perlu membuka tautan atau link kode script yang digunakan untuk memanggil posting yang akan ditampilkan pada daftar isi.
Sering sekali kita jumpai bebrapa blog, ketika kita membuka halaman daftar isi, kita diharuskan menunggu bebrapa detik, atau bahkan menit untuk melihat isi yang akan ditampilkan pada daftar isi. Karena kebanyakan daftar isi tersebut menggunakan kode script yang diletakkan pada sebuah storage / tempat penyimpanan kode script.
Mari kita lihat contoh :

<script src=”http://opojenengesakkarepesengnduwe.com/files/biasanejenengsitemap_opodaftarisi_ngono.js”></script><script src=”http://www.jenengblogsengsampeyankunjungi-yombuhopolahjenenge.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc”></script>

Setelah kita melihat kode diatas, kode script daftar isi terletak di opojenengesakkarepesengnduwe.com. Nah, ketika halaman daftar isi otomatis dibuka berati halaman tersebut wajib mengarah ke opojenengesakkarepesengnduwe.com. Jika keadaannya seperti itu, sedikit atau banyak akan berpengaruh pada kecepatan loading halaman daftar isi.

Penjelasan diatas cukup panjang, dan hurufnya mungkin banyak yang salah sehingga menyebabkan susahnya untuk dipahami, jika susah dipahami, dak usah difikirkan, langsung saja praktekkan cara membuat daftar isi otomatis yang satu ini.
Mari kita mulai,
- Sudahkan anda login ke blogger? Jika belum silahkan login dulu.
- Buka halaman, klik laman baru


- Tulis judul halaman denngan daftar isi atau sitemap
- Masukkan kode berikut ini :

<script type='text/javascript'>
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://goo.gl/fqEoM9" style="font-size: 1px; text-decoration:none; color: #ffffff;">heru blog</a>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="
<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel
</span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel
</span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p>
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle('toc-result','blind');">?? Menampilkan Daftar Isi</a> <img src="http://goo.gl/nFE5G5"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("
");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>
");document.write('Download mp3 : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a>
");document.write("
")}};</script>
<script src="http://www.caraeditblogger.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

- Ganti caraeditblogger.blogspot.com dengan url blog yang akan dibuat daftar isi otomatis
- Klik publikasikan
- Semoga berhasil