Membuat Sitemap | Daftar Isi Otomatis - Blogger

Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi / sitemap tersebut pun sangat mudah / gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

Pembuatan sitemap atau daftar isi secara otomatis disini ditujukan untuk pengunjung blog kita, bukan
untuk robot Google, dalam hal ini Blogger adalah platfrom yang kita pergunakan, Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.

Gambar 1. Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :

1. Masuk ke akun blogger
2. Pilih menu 'Laman'
3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
4. Pilih mode 'HTML'
5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
6. Masukkan kode berikut
   
   

   <script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://portal-bacaan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 

7. Ganti kode 'portal-bacaan.blogspot.com' di atas dengan alamat blog anda
8. Publikasikan

Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda bisa menggunakan kode berikut sebagai ganti kode dari poin nomer 6 diatas :

<div style="background-color: #dde1e3; border: 1px solid #999999; height:100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://portal-bacaan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'portal-bacaan.blogspot.com" di atas dengan alamat blog anda.

Gambar 2. Sitemap dengan scroll