Cara Membuat Halaman Daftar Isi (Sitemap) Blog

 DAFTAR Isi, Table of Content (ToC), atau Peta Situs (Sitemap) blog akan memudahkan mesin pencari meng-crawl (merayapi) atau mengindeks seluru konten, isi, atau posting blog kita.

Ada dua jenis Sitemap:

1. Sitemap yang didaftarkan ke Google Webmaster Tools dalam format XML (Extensible Markup Language). Ini untuk kepentingan atau "konsumsi" mesin pencari. (Baca: Cara Daftar Sitemap Blog ke Google).
2. Sitemap yang disajikan di Halaman Statis untuk kepentingan pembaca/pengunjung, berupa daftar tulisan yang ada di blog.

Yang kita bicarakan sekarang adalah jenis daftar isi yang kedua --untuk pembaca, dijadikan salah satu Navigasi Menu, dan dibuat di halaman statis (static page).

Halaman Khusus Daftar Isi blog akan memudahkan pembaca mengakses bagian-bagian atau konten blog secara cepat dan mencari tulisana, artikel, atau posting yang mereka butuhkan.

Demo: Contoh Daftar Isi

Cara Membuat Halaman Daftar Isi (Sitemap) Blog

1. Klik menu "Page" > "New Page"

2. Klik mode HTML

3. Isi Judul Halaman dengan "Sitemap" atau "Daftar Isi"
4. Copy Paste kode berikut ini di kolom isi halaman (post body):

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="http://www.contohblog.net/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

5. Ganti alamat blog dengan alamat blog Anda.
6. Klik "Publish".

Selamat, kini blog Anda sudah punya halaman daftar isi alias sitemap!

Daftar Isi Per Kategori
Jika ingin menampilkan Daftar Isi  berupa daftar judul Posting Per Label atau Berdasarkan Kategori/Label, maka gunakan kode dari Google Code berikut ini:

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

Cara Menampilkannya di Navigasi Menu
Ada dua cara, tergantung template blog Anda:

1. Ada yang menampilkan Navigasi Menu melalui Gadget "Blog Page". Anda tinggal klik "Edit" dan memasukkan Halaman Daftar Isi itu ke sana.
2. Kebanyakan template blog menampilkan Navigasi Menu di kode template. Maka, Anda harus klik "Template" > "Edit HTML" dan menemukan daftar nama Menu dan memasukkan Halaman Sitemap dan linknya.

Demikian Cara Membuat Halaman Daftar Isi (Sitemap) Blog. Good Luck! (http://www.contohblog.net/).*

Sumber