Cara membuat Daftar Isi / Sitemap pada template Blogger

sitemap
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>

Baca juga :

3 comments:

  1. Template yang keren, selamat untuk pembajakan wordpressnya ...

    ReplyDelete
  2. terima kasih ...saya pake yang ini mas .....
    kalo template yang kaya mas pake ini ...
    nyarinya dimana yah???
    yang mirib2 dkit lah ...

    ReplyDelete
  3. @ Beruetz Blogger : Maaf template ini ga ada buat blogger saya cuma bajak premium wordpress template , jika pengen lihat ini silahkan kunjungi http://opf.presswordthemes.com/.

    ReplyDelete

to Top