Cara Membuat Sitemap HTML - Halaman Daftar Isi Blog Berdasarkan Tanggal

Berikut ini Kode Sitemap  HTML dan cara memasangnya untuk Halaman Daftar Isi Blog Berdasarkan Tanggal Publikasi.

Sitemap adalah peta situs. Ada dua jenis sitemap:

1. Sitemap XML
2. Sitemap HTML

Sitemap XML dengan dengan alamat https://namablog.blogspot.com/sitemap.xml adalah kode daftar isi atau postingan blog untuk didaftarkan ke Google Search Console. Fungsinya agar blog dan semua postingan cepat diindeks oleh Google.

Sitemap HTML adalah daftar isi (table of content) blog berupa daftar judul yang ditampilkan di halaman statis. Page > New Page > Sitemap. Fungsinya mendukung sitemap.xml

Lihat DEMO

Cara Membuat Sitemap HTML

1. Page > New Page
2. Isi judul halaman dengan Sitemap
3. Klik mode HTML
4. Copas kode berikut ini:

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

5. Langsung Publish (jangan ubah ke mode Compose dulu).

Demikian Cara Membuat Sitemap HTML -  Halaman Daftar Isi Blog Berdasarkan Tanggal.*

• Facebook
• Twitter