Cara Membuat Daftar Isi (Sitemap) Artikel Blog Tanggal Publikasi

Sejauh ini, hanya ada dua jenis sitemap yakni sitemap XML dan sitemap HTML. Sitemap XML adalah peta situs yang didaftarkan ke Google Search Console, contohnya:

https://mainblogseo.blogspot.com/sitemap.xml

Atau seperti ini:

https://mainblogseo.blogspot.com/sitemap-pages.xml

Sedangkan Sitemap HTML adalah daftar isi artikel yang ditampilkan di halaman khusus, seperti: Sitemap.

Tutorial kali ini terkait dengan Sitemap HTML. Sitemap ini dibuat berdasarkan tanggal artikel dipublikasikan.

Cara bikinnya mudah banget 😁

1. Buat halaman statis (static page) di blogger.com

2. Buat judul dengan nama: Sitemap

3. Pada mode tulis HTML (bukan compose), copy dan paste (copas) kode di bawah ini:

<style>
#w-sitemap-wrapper {font-size:14px}
#w-sitemap-wrapper ol {margin:0;padding:0}
#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #f6f6f6;list-style: none;margin:0}
#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>

4. Terakhir klik tombol publish atau publikasikan

Daftar isi artikel blog (Sitemap) berfungsi memudahkan kita -- sebagai penulis dan pengunjung ketika mencari postingan yang ingin dibaca.

Referensi:
https://www.wiblogger.com/2018/03/cara-membuat-sitemap-daftar-isi-blog-otomatis.html

Labels: Blogger,
Terima kasih sudah membaca Cara Membuat Daftar Isi (Sitemap) Artikel Blog Tanggal Publikasi! Bagikan artikelnya, ya!

Main Blog SEO Blogger sejak 2014. Teknik Komputer dan Jaringan (TKJ) Tahun 2012.

Berbagi :