Membuat HTML Sitemap atau Daftar Isi Blog

Saat merancang sebuah sitemap HTML untuk website anda, baik secara manual atu menggunakan program sitemap generator HTML, anda harus membuatnya mudah untuk digunakan.Salah satu bentuk sitemap HTML yang mudah digunakan adalah dengan mengelompokkan posting berdasarkan kategorinya (tree style) yang memudahkan pengunjung menemukan halaman yang dicarinya seperti halnya sebuah daftar isi buku.

Directory A

Page A
Page B

Directory B

Page C
Page D

Baiklah, sekarang saatnya kita masuk pada bagaimana cara membuat sitemap HTML pada blog / website kita.

Perlu diperhatikan sebelum membuat sitemap ini pastikan halaman posting anda sudah diberi label (category) agar muncul di dalam daftar ini. Sebab skrip dibawah ini akan menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing -masing judul.

Contoh daftar isi yang akan kita tampilkan di halaman blog kita adalah sebagai berikut.

Berikut ini langkah-langkahnya :
1. Masuk ke Account Blogger anda
2. Pilih New Post
3. Pilih Edit HTML
5. Beri judul Daftar Isi atau judul sesuai dengan keinginan Sobat.
6. Copy kan code di bawah ini.

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script>
<script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

namablog.blogspot.com <-- ganti dengan alamat blog anda.
7. Kemudian klik publikasikan. Selesai

Contoh jadinya bisa anda lihat disini. Daftar isi SpotFx

Selamat Mencoba!

Tags: sitemap, google sitemap, HTML sitemap, Sitemap Generator, Daftar isi