-->

Cara membuat Daftar Isi / Sitemap pada template Blogger

Cara membuat daftar isi blogger, sitemap HTML blogger template
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>

Anda mungkin menyukai postingan ini

3 komentar

  1. Anonim
    Template yang keren, selamat untuk pembajakan wordpressnya ...
  2. michael
    terima kasih ...saya pake yang ini mas .....
    kalo template yang kaya mas pake ini ...
    nyarinya dimana yah???
    yang mirib2 dkit lah ...
  3. Manuk Merak
    @ 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/.
  1. Untuk menyisipkan sebuah kode gunakan <i rel="pre">code_here</i>
  2. Untuk menyisipkan sebuah quote gunakan <b rel="quote">your_qoute</b>
  3. Untuk menyisipkan gambar gunakan <i rel="image">url_image_here</i>