Sebelum menambahkan widget sitemap untuk blog atau website kita, alangkah baiknya jika kita mengenal terlebih dahulu tentang pengertian sitemap.
Sitemap Keren Untuk Blog atau Web
Apa itu Sitemap?
Sitemap (peta situs) adalah model pemetaan konten atau daftar isi untuk situs, web atau blog. Dirancang untuk membantu pengguna atau visitor untuk menaviagasi situs, bahkan raksasa mesin pencari seperti Google atau Bing juga memerlukan sitemap untuk merayapi situs-situs yang didaftarkan kepada mereka. Sebuah sitemap bisa berupa daftar hirarki, daftar tag / kategori, maupun daftar waktu / tanggal.
Latar belakang
Postingan ini saya buat, manakala seluruh sitemap situs saya mengalami masalah, yang mana hanya menampilkan halaman kosong. Ketika halaman situs saya refresh ternyata masih sama, daftar isi gagal dimuat.
Berikutnya saya coba cek pada source codenya, dan ternyata masalahnya ada di sumber hosting javascriptnya. Mungkin google sudah menghapusnya dan menggantinya dengan layanan lain.
Hosting Code Javascript Sudah Tidak Tersedia (404)
Saya coba browsing kesana-kemari, tapi tak kunjung mendapati solusi untuk source code yang saya pakai waktu itu. Akhirnya saya putuskan untuk ganti saja. Dan akhrinya dapat widget karya Taufik Nurrohman.
Evaluasi dan Antisipasi
Belajar dari pengalaman sebelumnya, akhirnya saya putuskan untuk memindahkan seluruh source code javascriptnya menjadi satu dengna css dan xmlnya, sehingga tidak perlu khawatir lagi masalah server / hosting DOWN, karena source code yang akan saya bagikan nanti memungkinkan untuk berjalan di hosting Anda sendiri.
Instalasi
Anda cukup copy-paste saja code di bawah ini, dan sedikit modifikasi pada www.situs-anda.com
<link href="//dte-project.github.io/blogger/tabbed-toc/224c19.min.css" rel="stylesheet">
<script src="//dte-project.github.io/blogger/tabbed-toc.min.js?url=https://www.BLOG_ANDA.com&active=0"></script>
<div id="content"></div>
<style>
/* Kode tema kustom di sini… */
</style>
<script src="//dte-project.github.io/blogger/tabbed-toc.min.js?active=0"></script>