Cara mudah membuat halaman daftar isi (sitemap) di Blogger

Multilenial.com

MULTILENIAL.COM | Daftar isi merupakan salah satu halam pendukung dari sebuah blog. Dengan adanya halaman daftar isi, pengunjung akan lebih mudah menemukan artikel yang akan mereka baca walau sebenarnya lebih efisien menggunakan search box. Walaupun begitu, dengan adanya halaman daftar isi berarti kita akan lebih cepat dan lebih efisien waktu pada saat submit webmaster. Kita bisa langsung memasukan halaman daftar isi dan Google pun akan mudah mengindex artikel yang telah kita tulis.

Membuat halaman daftar isi tidaklah sulit, banyak tutorial yang tersedia di Google penelusuran. Dan pada kesempatan ini saya bermaksud untuk menjelaskan sedikit mengenai Cara membuat daftar isi di Blogger. Bagaimana caranya? Cekidot!

Untuk kamu yang ingin melihat demonya bisa diklik tautan berikut ini.

Demo

Tutorial membuat Halam Daftar Isi (Sitemap)

• Siapkan script ini

Setelah anda siap, copy script kode dibawah ini.

<!-- Sitemap by wiBlogger.com -->

<style>

#w-sitemap-wrapper {font-size:13px}

#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #f6f6f6}

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

<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+"'><ol></ol><div id='"+g+"'>"+m+"</div></div>");var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName("ol")[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","Loading......");

</script>

Kode script ini saya dapatkan dari www.wiblogger.com

Keterangan!

1. 13 px Merupakan ukuran font pada halaman daftar isi anda
2. #bd8b56 Merupakan kode warna (style akan mengikuti style blog Anda)
3. dd/mm/yyyy Merupakan format waktu publikasi
4. Loading...... Merupakan tulisan "Loading....." ketika daftar isi sedang dimuat

• Masuk ke Halaman blog Anda

Setelah Anda mengcopy semua kode tersebut. Masuklah ke menu Dashboard Blogger Anda. Dan pilihlah menu Halaman. Setelah itu Anda buat Halaman Baru.

• Pastekan script di Halaman tersebut

Setelah itu, Anda pastekan kode script tersebut tepat dihalaman Halaman blog Anda.

• Taraa! 

Halaman daftar isi telah selesai dibuat.

Kesimpulan

Membuat halaman daftar isi tidaklah sulit. Anda bisa langsung mengcopy dan mempastekan kode script yang ada. Terimakasih telah membaca artikel ini. Semoga bermanfaat. Salam blogger!