Membuat Daftar Isi Blog Pada Halaman Artikel Bag I

Bagi blog yang sudah memiliki banyak tulisan dengan kategori yang bebeda-beda, menambahkan TagCloud dan Blog Archieve saja tidaklah cukup. Karena itu perlu adanya penambahan site map (peta situs), yang dalam hal ini adalah daftar isi (table of content), dimana dengan daftar isi ini setiap pengunjung dapat melihat keseluruhan artikel yang terdapat di dalam blog tersebut melalui judul-judul artikel yang ditayangkan.

Ada beberapa bentuk daftar isi (table of content) yang biasa digunakan para blogger, mulai yang disimpan pada halaman artikel, widget sidebar, sampai yang dibuat sebagai halaman blog. Nah, kali ini saya akan coba membahas tentang table of content yang ditempatkan pada halaman artikel.

Pada tulisan pertama ini akan dibahas mengenai daftar isi (table of content) yang dibuat oleh Abu Farhan, salah seorang Master Blogger kita yang sudah sangat terkenal hingga manca negara. Ada dua jenis yang ia buat: Pertama, daftar isi yang diurutkan berdasarkan kategori atau label, dan kedua, diurutkan berdasarkan tanggal posting.

Daftar Isi Berdasarkan Label

Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:

• Seperti biasa, login ke Blogger.
• Kemudian buat sebuah Entri Baru atau Laman Baru dan pilih Edit HTML.
• Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
• Jika memilih Entri Baru, klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
• Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:

  
  <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v1.js"></script>
  <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  

  atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

  
  http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
  

• Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...

Daftar Isi Berdasarkan Tanggal

Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:

• Langkah ke-1 sampai dengan ke-4 sama dengan di atas.
• Kopikan script berikut dan ganti NamaBlog sesuai nama Blog kamu:

  
  <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v2.js"></script>
  <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  

  atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

  
  http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js
  

• Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...

Sekarang tinggal kamu pilih salah satu dari kedua model daftar isi itu. Atau jika mau kedua-duanya juga boleh, hanya harus dibuat dua halaman berbeda. Setelah itu buatlah link ke daftar isi ini. Link ini bisa kamu tempatkan pada navbar menu atau pada sidebar blog kamu (lebih jelasnya tentang link, silahkan baca artikel ini).
Link-nya misalnya seperti ini (jika memilih entri baru):

<a href="http://NamaBlog.blogspot.com/2009/03/daftar-isi-berdasarkan-label.html">Daftar Isi</a>

atau seperti ini (jika memilih laman baru):

<a href="http://NamaBlog.blogspot.com/p/daftar-isi-berdasarkan-label.html">Daftar Isi</a>

Jika tulisan-tulisan kamu sudah banyak sehingga jika dilihat daftarnya akan sangat panjang, maka buatlah scroll untuk daftar isi ini, seperti daftar isi pada blog ini. Caranya kamu tinggal menambahkan perintah overflow.

Ok coy, selamat mencoba....