Cara membuat Sitemaps blogger Mudah, Simple, dan Otomatis

 SiteMaps? apa itu site maps? pasti sudah pada tau dong seperti apa itu sitemaps? bila belum tau bisa liat contoh di blog saya http://udinlopis.blogspot.sg/p/blog-page_10.html so singkatnya sitemaps itu adalah Daftar isi
Apa fungsi dari daftar isi ini? Fungsi nya adalah untuk memudahkan para pembaca untuk memilih postingan yang berada di blog kita
atau untuk memudahkan pengunjung untuk mencari articel yang di carinya


Oke langsung aja ke inti dari judul postingan ini yaitu Cara membuat sitemaps
sebenernya membuat sitemaps itu sangat gampang gan, karna di  Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi dan cara membuatnya pun gampang / sangat mudah gan yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

gambar 1. laman sitemaps

 

cekidot berikut adalah cara pembuatanya

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://udinlopis.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
   
7. Ganti kode 'udinlopis.blogspot.com' di atas dengan alamat blog anda
8. Publikasikan
   

Di atas adalah cara 1, dan sekarang cara kedua, di cara ke dua ini bedanya hanya ada schrool di samping kanan nya (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://udinlopis.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 'ardilas.com' di atas dengan alamat blog anda.

Gambar 2. sitemaps dan schrool

Done tinggal di lihat deh hasilnya :D
Bagaimana Mudah kan?
oke demikian tutorilnya dan apabila ada pertanyaan silahkan di pertanyakan di kolom komentar dan tolong berkomentarlah dengan baik
dan Mudah mudahan ini sangat membantu bagi anda