Salah satu komponen penting dari sebuah website atau blog adalah sitemap, yang berisi informasi tentang URL atau daftar link yang ada di sebuah website atau blog.
Sitemap berfungsi sebagai peta bagi search engine untuk membantu mereka mengindex URL baru yang Anda buat dengan cepat. Sitemap tidak hanya memiliki link tetapi juga metadata, yang menunjukkan seberapa sering website diupdate dan kapan terakhir kali diupdate.
Baca Juga : Widget Recent Posts di Sidebar Blogger
Sitemap membantu mesin pencari seperti Google, Bing, dan Yandex menemukan semua URL di website atau blog Anda.
Baca Juga : Cara Membuat Syntax Highlighter Otomatis di Blogger
Dalam artikel kali ini, kita akan membahas cara membuat sitemap untuk Blogger/Blogspot.
Cara Membuat Sitemap Blogger/Blogspot
Jika kamu ingin membuat sitemap pada halaman statis blogger, kamu bisa mengikuti tutorial berikut.
1. Login ke akun Blogger.
2. Buat Page/Halaman baru dan beri nama “Sitemap”.
3. Masukkan Script di bawah ini pada page/halaman yang telah dibuat.
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #028171;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #028171;
border:1px solid #028171;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#2700ff;font-weight:bold;font-style:italic;}
.new:after{display:none;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://www.komburnews.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
4. Masukkan script diatas pada bagian “HTML View”, jangan lupa URL “https://www.komburnews.com” ganti dengan URL blog kamu. Jika sudah, maka klik tombol “Simpan”.
Sekian dulu tutorial singkat tentang cara membuat daftar isi (sitemap) di halaman statis blogger, semoga bermanfaat dan sampai jumpa di artikel kami berikutnya.