Membuat Daftar Isi Blog Pada Halaman Artikel Bag III

Berbeda dengan 3 bentuk daftar isi sebelumnya, daftar isi yang satu ini tidak dibuat melalui halaman posting tetapi melalui layout (tata letak) blog, namun hasilnya akan ditampilkan seperti dalam halaman artikel, yaitu pada bagian widget blog-post. Saya sendiri tidak tahu perbedaan antara halaman artikel dengan widget blog-post ini, hehehe.... (Mungkin ada di antara sobat ada yang mau memberi penjelasan tentang hal ini?)

Daftar isi jenis ini, setahu saya, paling banyak digunakan para blogger. Mungkin karena banyak blog yang memuat cara pembuatannya sehingga banyak yang menggunakannya. Padahal daftar isi ini memiliki kekurangan, yaitu jika kita meng-klik pada bagian older post (posting lama), yang terletak di bagian bawah artikel, maka yang muncul hanya judul-judul artikelnya saja sebanyak jumlah posting yang diatur pada format pengaturan. Jika kita mengaturnya 5 posting, maka yang muncul 5 judul (tanpa artikelnya), dst.

Jika kamu tertarik untuk membuat daftar isi jenis ini, kamu dapat mengikuti langkah-langkah berikut:

Langkah Peratama

• Dari halaman dasbor, pilih Tata Letak - Edit HTML.
• Beri tanda centrang pada bagian Expand Template Widget.
• Cari kode berikut (gunakan Control F atau F3):

  
  <b:include data=post name=post/>
  

• Jika sudah ketemu, gantikan dengan kode ini (gunakan Control C untuk mengkopi):

  
  <!-- Datar Isi -->
  <b:if cond=data:blog.homepageUrl != data:blog.url>
  <b:if cond=data:blog.pageType != "item">
  <a expr:href=data:post.url>
  <div style=padding:6px 0 6px 5px; border-right:1px solid #CCC;border-bottom:1px solid #CCC; margin-bottom:2px; background:#F0F0F0;> 
  <data:post.title/></div></a>
  <b:else/>
  <b:include data=post name=post/>
  </b:if>
  <b:else/>
  <b:include data=post name=post/>
  </b:if>
  <!-- /Datar Isi -->
  

  Sesuaikan (ubah) warna border dan background-nya jika kamu mau.
• Save hasil editan kamu dan ucapkan Alhamdulillah...

Langkah Kedua

• Buatlah sebuah link seperti berikut:

  
  <a href="http://NamaBlog.blogspot.com/search?max-results=9999">Daftar Isi</a>
  

• Ganti NamaBlog sesuai dengan nama blog kamu.
• Letakkan link tersebut pada navbar menu, sidebar, atau dimana kamu suka.

Nah, sekarang selesai deh. Coba klik link yang kamu buat dan lihat hasilnya. Mudah kan?
Ok brow, selamat mencoba....