Cara membuat Halaman Daftar isi di Blog dengan Scroll

Seperti yang sudah saya jelaskan sebelumnya, tujuan kita memasang blog archive adalah agar pengunjung bisa melihat lebih luas lagi postingan-postingan yang sudah kita buat di blog. Tapi ternyata hal tersebut malah dipandang sebaliknya oleh si mbah google atau search enginer yang lain, yup! kita akan semakin dijauhi oleh mereka. kenapa bisa begitu ?

Berdasar informasi yang saya dapat, jika kita menampilkan blog archive pada blog akan membuat kesulitan search enginer untuk mengidentifikasi alamat postingan kita karena ada double alamat di halaman posting. Nah solusinya gimana ? untuk mengatasi hal tersebut kita buat aja halaman "daftar isi atau site map" tersendiri. Caranya bisa lihat dibawah ini, cekidut!

Cara membuat daftar isi atau site map pada blog

1. Buat halaman posting baru atau bisa juga tab / laman baru

2. Masuk ke halaman html (bukan compose)

3. Masukkan kode dibawah ini :

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://duniagenggam.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Note : Ganti tulisan berwarna merah diatas dengan alamat blog anda

4. Simpan dan Publikasikan

Cara membuat site map atau daftar isi di blog dengan scroll

Kalau postingan kita cukup banyak mending saya sarankan untuk membuat scroll. untuk cara membuatnya sama seperti diatas, cuma ada tambahan kode yang hasilnya seperti dibawah ini

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 1000px; background-color: none; text-align: left;"><script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://duniagenggam.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Selamat Mencoba

Coba lihat tutorial lainnya :
Cara Membuat Related Post dengan Widget
Cara Membuat Google Translated Pada Blog
Cara Membuat Blog Archive dengan Scroll
Cara Agar Pencarian Google Image Langsung ke Artikel
Cara membuat Link Eksternal menjadi Nofollow 
Cara mengcopy halaman web / blog yang di Proteksi



tag : Cara membuat Site map di blog, cara membuat blog archive dengan scroll, Cara membuat daftar isi di blog dengan scroll