Cara Membuat Daftar Isi Blog Berdasarkan Label - Otomatis

By » Thursday, September 04, 2014
Cara Membuat Daftar Isi Blog Berdasarkan Label - Sitemap Otomatis
Tutorial singkat mengenai cara membuat daftar isi blog berdasarkan label yang dikelompokkan secara otomatis sesuai label atau kategori di blogger. Sitemap juga biasa digunakan untuk menyebut daftar isi yang sangat berguna bagi pengunjung agar bisa dengan cepat menemukan artikel yang mereka cari sesuai dengan label yang diinginkan.

Fungsinya selain bisa mempermudah pengunjung juga akan membuat navigasi blog terlihat lebih rapi dan tertata dengan baik.

Tidak usah berlama-lama, langsung saja sobat lakukan langkah-langkah atau cara membuat daftar isi blog otomatis berdasarkan label yang tidak akan memakan waktu lama. Ada baiknya Daftar isi atau Sitemap dibuat pada laman statis (page) seperti laman lainnya yaitu Tentang, Kontak, Privasi.

Setelah login ke Blogger, terlebih dahulu masukkan script dibawah ini dan letakkan diatas kode </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>

Selanjutnya klik menu untuk membuat laman (page) baru, selanjutnya pilih mode penulisan HTML, bukan Compose. Setelah itu Copy Script dibawah ini dan ganti url (link) yang berwarna biru dengan link blog sobat sendiri.

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

Selanjutnya langsung saja klik publish, dan proses pembuatan daftar isi blogger otomatis yang akan tersusun berdasarkan label / kategori sudah selesai. Untuk melihat seperti apa jadinya bisa sobat lihat contohnya disini.

Semoga tutorial singkat menengenai cara membuat sitemap otomatis blogger ini bisa berguna bagi siapa saja. Dengan adanya Daftar isi pada blog sobat maka para pengunjungpun akan dengan mudah mencari apa saja informasi yang ada karena telah tersajikan dengan rapi.