Tutorial Cara mudah Membuat/Menambahkan Sitemap di Halaman Blogger
Keberadaan sitemap atau daftar isi sangat penting dalam suatu blog atau website karena dengan adanya sitemap atau daftar isi akan memudahkan pengunjung untuk mencari artikel yang terkait yang sedang dibacanya dan yang lebih penting lagi keberadaan sitemap dalam suatu blog sebagai salah satu prasyarat disetujuinya penayangan iklan adsense bagi blog yang didaftarkan ke google.
Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.
Disini saya akan menunjukkan cara untuk membuat sitemap
Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger.
Cara Membuat Sitemap Otomatis - Blogger
Cara membuat sitemap
Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
Langkah pertama masuk ke akun blogger
Pilih menu 'Laman'
Pilih mode 'HTML'
Masukkan kode utama sebagai berikut
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://www.blog.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Ganti kode 'www.blog.com' di atas dengan alamat blog anda selanjutnya
Publikasikan
Langkah selanjutnya pilih menu tataletak klik tambahkan gadget pilih laman
lalu tandai judul yang anda buat tadi (Daftar Isi)
Setelah anda save lalu buka blog anda nanti pada adftar isi akan muncul halaman
Daftar Isi / Sitemap Ber-scroll
Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan, anda harus mengganti atau menambahkan sedikit kode di awal dan di akhir (antara kode utama). Jadi jika digabungkan kodenya akan terlihat seperti berikut:
<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://www.blog.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'http://www.blog.com' di atas dengan alamat blog anda.
contoh sitemap scrool
