Home Blogging Cara Membuat Daftar Isi (Sitemap) Blogger dan WP

Cara Membuat Daftar Isi (Sitemap) Blogger dan WP

138

Daftar Isi (Table of Content) sering juga disebut Peta Situs (Sitemap), dalam hal ini Sitemap HTML yang berbeda dengan Sitemap XLM (untuk disubmit ke Google Search Console).

Daftar Isi atau Sitemap memudahkan pengunjung melihat semua isi atau posting blog. Menurut para bloger senior, halaman daftar isi ini juga bagus buat SEO dan peringkat (ranking) karena memudahkan mesin pencari mengindeks isi blog.

Cara Membuat Daftar Isi (Sitemap) Blogger dan WP

Berikut ini Cara Membuat Daftar Isi (Sitemap) Blogger dan WordPress.

1. Cara Membuat Daftar Isi (Sitemap) Blogger (Blogspot)

Cara Membuat Daftar Isi (Sitemap) Blogger (Blogspot)

Cara Membuat Daftar Isi (Sitemap) Blogger sangat mudah.

  • Klik Halaman (Page) > Halaman Baru (New Page)
  • Isi kolok judul dengan Daftar Isi atau Sitemap
  • Klik mode HTML
  • Copas kode berikut ini dan LANGSUNG publish (jangan klik mode Compose dulu)


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

 

2. Cara Membuat Daftar Isi (Sitemap) WordPress

Membuat halaman daftar isi di blog WP lebih mudah lagi.

daftar isi blog selfhosted WP

Untuk blog gratis wordpress.com:

  • Klik Pages
  • Klik Add New Page
  • Isi judul halaman dengan Sitemap atau Daftar Isi
  • Copas kode [archives]
  • Publish!

Untuk membuat daftar isi blog selfhosted WP dengan berdasarkan tanggal postingan, bisa gunakan Plugin Clean My Archives. Lihat Demo Daftar Isi Blog WP.

Instal, aktifkan, dan buat halaman baru:

  • Buat Halaman Baru
  • Isi judul halaman dengan Sitemap atau Daftar Isi
  • Copas shortcode [ clean-my-archives ] (tanda dalam kurung dirapatkan, tanpa spasi ya!)
  • KlikĀ Publish!

Gampang ‘kan membuat daftar isi blog? (Bloger Bandung).*

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here