Cara Membuat Daftar Isi Otomatis Blogger

Cara Membuat Daftar Isi Otomatis Blogger - Sitemap
Tutorial mengenai cara membuat daftar isi otomatis blogger atau biasa juga disebut sitemap kali ini saya harapankan bisa berguna bagi sobat blogger semua yang ingin membuat sitemap pada blog agar para visitor bisa dengan mudah mencari informasi atau artikel yang diinginkan, contohnya bisa sobat lihat disini.

Daftar isi otomatis yang berarti setiap artikel yang barus saja dipublish maka secara otomatis akan masuk pada daftar atau list artikel yang akan disesuaikan atau dikelompokkan dengan artikel sebelumnya yang menggunakan tag atau label yang sama. Hingga pengunjung akan dengan mudah menemukan informasi yang mereka cari.

Baiklah, tidak akan butuh waktu lama untuk menerapkan cara membuat sitemap otomatis blogger ini. Namun sebelumnya masukkan script berikut ini kedalam template dan letakkan diatas </head>.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><script type='text/javascript'>
//<![CDATA[
function loadtoc(e){function t(){if("entry"in e.feed){var t=e.feed.entry.length;numberfeed=t;ii=0;for(var n=0;n<t;n++){var r=e.feed.entry[n];var i=r.title.$t;var s=r.published.$t.substring(0,10);var o;for(var u=0;u<r.link.length;u++){if(r.link[u].rel=="alternate"){o=r.link[u].href;break}}var a="";for(var u=0;u<r.link.length;u++){if(r.link[u].rel=="enclosure"){a=r.link[u].href;break}}var f="";if("category"in r){for(var u=0;u<r.category.length;u++){f=r.category[u].term;var l=f.lastIndexOf(";");if(l!=-1){f=f.substring(0,l)}postLabels[ii]=f;postTitle[ii]=i;postUrl[ii]=o;ii=ii+1}}}}}t();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write()}function filterPosts(e){scroll(0,0);postFilter=e;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(e){function t(e,t){var n=postTitle[e];postTitle[e]=postTitle[t];postTitle[t]=n;var n=postUrl[e];postUrl[e]=postUrl[t];postUrl[t]=n;var n=postLabels[e];postLabels[e]=postLabels[t];postLabels[t]=n;var n=postBaru[e];postBaru[e]=postBaru[t];postBaru[t]=n}for(var n=0;n<postTitle.length-1;n++){for(var r=n+1;r<postTitle.length;r++){if(e=="titleasc"){if(postTitle[n]>postTitle[r]){t(n,r)}}if(e=="titledesc"){if(postTitle[n]<postTitle[r]){t(n,r)}}if(e=="dateoldest"){if(postDate[n]>postDate[r]){t(n,r)}}if(e=="datenewest"){if(postDate[n]<postDate[r]){t(n,r)}}if(e=="orderlabel"){if(postLabels[n]>postLabels[r]){t(n,r)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var e=0;var t=0;while(t<postTitle.length){temp1=postLabels[t];firsti=e;do{e=e+1}while(postLabels[e]==temp1);t=e;sortPosts2(firsti,e);if(t>postTitle.length){break}}}function sortPosts2(e,t){function n(e,t){var n=postTitle[e];postTitle[e]=postTitle[t];postTitle[t]=n;var n=postUrl[e];postUrl[e]=postUrl[t];postUrl[t]=n;var n=postLabels[e];postLabels[e]=postLabels[t];postLabels[t]=n}for(var r=e;r<t-1;r++){for(var i=r+1;i<t;i++){if(postTitle[r]>postTitle[i]){n(r,i)}}}}function displayToc2(){var e=0;var t=0;while(t<postTitle.length){temp1=postLabels[t];document.write('<p style="background: #f7f7f7;padding: 5px;" />');document.write('<span class="labl"><span>Label :  </span><a href="/search/label/'+temp1+'">'+temp1+"</a></span><ul class='postname'>");firsti=e;do{document.write("<li>");document.write('<a href="'+postUrl[e]+'">'+postTitle[e]+"</a>");document.write("</li>");e=e+1}while(postLabels[e]==temp1);t=e;document.write("</ul>");sortPosts2(firsti,e);if(t>postTitle.length){break}}}var postTitle=new Array;var postUrl=new Array;var postLabels=new Array;var postBaru=new Array;var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;document.write("")
//]]>
</script><b:else/></b:if>

Seperti biasa halaman daftar isi dibuat pada page / laman statis, setelah login ke blogger klik pada menu page dan pilih pada metode penulisan HTML bukan Compose. Setelah itu silahkan copy kode yang ada dibawah ini.

<script src="http://kapacyber.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Sebelum dipublish ganti terlebih dahulu alamat atau link yang saya tandai dengan warna biru dengan link blog sobat. Dan selanjutnya klik publish, apabila tidak terjadi kesalahan dalam proses seperti yang telah saya urai maka sobat sudah berhasil membuat halaman daftar isi untuk blog.

Tidak susahkan untuk mengikuti atau langkah-langkah dalam cara membuat daftar isi otomatis blogger untuk blog kesayangan sobat. Dengan adanya halaman daftar isi maka akan memudahkan bagi siapa saja dengan cepat untuk menemukan semua artikel yang ada. Happy Blogging.

Artikel & Script Source: cara membuat sitemap otomatis blogger