Cara Membuat Daftar Isi Blog

Fungsi dari daftar isi blog adalah supaya bisa melihat semua daftar postingan blog, selain itu jika mencari artikel di kotak pencari (searching box) yang terddapat di Blog, maka yang tampil cuma judul dari postingan yang berkaitan saja, jadi jika di Blog terdapat postingan yang banyak, ini akan memudahkan pencarian artikelnya karna yang di tampilkan hanya judul postingannya saja.

Cara pembuatannya :

LANGKAH PERTAMA

1. Login ke Blogger.
2. Pilih Tata letak
3. Pilih Edit HTML.
4. Download Template Lengkap dulu templatenya jika takut gagal.
5. Kasih tanda centang pada kotak Expand Widget Templates.
6. Cari kode ini

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

   ini pada template anda.
7. Ganti kode diatas dengan kode dibawah ini :
   
   
   

   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <a expr:href='data:post.url'>
   <div style='padding:6px 0 6px 5px;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin-bottom:2px;background:#F7F7F7;color:#699ABA;'>
   <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>

   
   
   
   Kode warna (tulisan hijau), silahkan ganti dengan warna kesukaan anda atau yang sesuai dengan blog anda.


8. Klik tombol Simpan Template.

LANGKAH KEDUA

1. Pilih Elemen Halaman.
2. Klik Tambah Gadget.
3. Klik tanda + pada HTML JavaScript.
4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.
   
   
   

   <a href='http://tutorial-triktips.blogspot.com/search?max-results=200'>Daftar Isi</a>

   
   
   
   Ganti http://tutorial-triktips.blogspot.com dengan URL blog anda.
5. Klik tombol Simpan.
6. Lihat Blog anda sekarang.

Langkah kedua itu adalah penjelasan agar tulisan Daftar Isi terletak pada sidebar atau posisi tambah gadget pada blog anda masing-masing. tetapi jika anda ingin menaruhnya ditempat lain juga bisa contoh pada Menubar atau Navbar, terserah gimana bagusnya menurut anda.

Trim's . . .

Kembali Ke Beranda Blog