Tutorial Membuat Sitemp atau Daftar isi di Blog

Tutorial cara membuat sitemap blogger otomatis ini bisa sobat lakukan dengan mudah dan cepat. Halaman sitemap / daftar isi berisikan list artikel atau post yang akan dikelompokkan berdasarkan label, karena pada blogspot tidak ada kategori seperti blog di wordpress.com, namun label sama fungsinya dengan kategori tersebut. Otomatis dalam artian setiap artikel yang baru dipublish maka akan masuk dalam kelompok sesuai dengan label yang digunakan untuk artikel tersebut.

Dengan menggunakan halaman sitemap atau daftar isi maka akan memudahkan bagi visitor bila ingin mengetahui isi seluruh artikel berikut label yang ada pada sebuah blog. Baiklah, langsung saja sobat simak langkah-langkah berikut ini untuk proses cara membuat Sitemap atau Daftar isi.

Sebelumnya pasang script ini sebelum </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>

Untuk membuat halaman sitemap setelah login ke akun blogger, pilih pada menu pages (laman). Pada title pages bisa sobat gunakan sesuai selera apakah sitemap atau daftar isi.

Lalu pilih pada format HTML, selanjutnya copy kode script dibawah ini:

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

Ganti link http://taufiqtutorial.blogspot.com dengan link blog sobat, selanjutnya pindahkan ke format Compose dan silahkan Publish halaman tersebut. Untuk contoh atau hasilnya bisa sobat lihat disini.

Bagaimana, mudah bukan mengikuti langkah-langkah cara membuat sitemap blogger / blogspot ? Semoga ulasan singkat ini bisa berguna dan selamat mencoba, atau anda kurang mengerti silahkan tanya pada kolom Komentar. Jika artikel ini bermanfaat silahkan Share Lewat tombol yang tepat dibawah artikel ini :

Share this

Share on FacebookPlus on Google+