Cara membuat Daftar Isi / Sitemap pada template Blogger
Cara membuat daftar isi blogger, sitemap HTML blogger template
Daftar isi disini dimaksudkan seperti yang terdapat pada wordpress yaitu sesuai dengan Kategori atau sesuai dengan Label pada Blogger. Menunya hampir sama seperti kepunyaan Wordpress, dengan memasang daftar isi akan memuudahkan pengguna dalam mencari judul posting kita dan juga membuat blog semakin mudah terindex pada Google.
Langkahnya cukup mudah, silahkan tambahkan code dibawah ini pada pada widget Anda atau dalam Posting Anda atau halaman / laman blogger, jangan lupa sebelumnya backup template dana dan ganti text berwarna merah dengan url blog oke anda.
Lihat Hasil
Cara membuat Daftar Isi pada template Blogger Blogspot :
<script>
(function(c,m){var h=window;var l=document;var e="w-sitemap-wrapper";var g="w-sitemap-loading-msg";var b=h.location;var n=b.protocol;var f=b.hostname;var k=0;l.write("<div id='"+e+"'><ul></ul><div id='"+g+"'>"+m+"</div></div>");var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName("ul")[0];function i(o){var p=l.createElement("script");p.src=n+"//"+f+"/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index="+o+"&max-results=150";a.appendChild(p)}h.wijs_get_sitemap=function(E){var A=E.feed.entry;var u=parseInt(E.feed.openSearch$totalResults.$t);var x=A.length;var w="";for(var s=0;s<x;s++){var o=A[s];var C=o.title.$t;var p;var D=o.link;var y=D.length;for(var r=0;r<y;r++){if(D[r].rel==="alternate"){p=D[r].href;break}}var z=o.published.$t;var q=z.substring(0,4);var t=z.substring(5,7);var v=z.substring(8,10);var B=c.replace("dd",v).replace("mm",t).replace("yyyy",q);w+="<li><span>"+B+"</span><a href='"+p+"'>"+C+"</a></li>"}j.innerHTML+=w;k+=x;if(k<u){i(k+1)}else{d.parentNode.removeChild(d)}};i(1)})("dd/mm/yyyy","Proses.....");
</script>
<style>
#w-sitemap-wrapper {font-size: 90%;}
#w-sitemap-wrapper ul{padding:0;}
#w-sitemap-wrapper li {position:relative; list-style: none; padding:.385em 0 .385em 6.923em;border-top:none; border-bottom:1px solid #f2f2f2}
#w-sitemap-wrapper span {position:absolute;left:0;color:#bd8b56}
#w-sitemap-wrapper a {font-weight:bold}
#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:18px;color:#bbbbbb}
</style>
