Cara Buat Daftar isi Blog

Coba anda lihat pada bagian Menu Navigasi Blog ini, disana ada kata yang bertulis Daftar isi, dan jika anda meng-kliknya, maka akan ditampilkan daftar isi/daftar postingan dari Blog ini, silahkan klik disini untuk melihat daftar isi Tips Mempercantik Blog. Mungkin diluar sana masih banyak teman-teman yang belum tahu caranya, untuk itu saya berinisiatif untuk menulisnya di Blog supaya dapat dibaca oleh teman-teman yang lain,baiklah kita langsung saja ke topic permasalahan, jadi buat anda yang ingin tau cara buat daftar isi blog ini, silahkan ikuti langkah - langkahnya :

Langkah ke-1

Login di Blogger dengan ID anda kemudian langsung menuju ke Edit html. di tab Template Jangan lupa kasih tanda centang pada kolom Expand template widget.

Selanjutnya, cari kode html berikut atau yang mirip dengan kode tersebut:

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

Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini :

<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:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<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>

Kemudian Simpan template.


Langkah ke-2

Untuk langkah yang ke-2, membuat sebuah Link yang akan menampilkan Daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini, Kalau Belum tahu cara membuat Navigasi Silahkan Klik disini, tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda, berikut Link-nya:

<a href="http://NamaBlog.blogspot.com/search?max-results=300">Daftar isi Blog</a>

Ganti teks yang berwarna merah dengan nama blog anda dan angka 300 menunjukan jumlah postingan yang ingin ditampilkan, kalo sudah Simpan Template anda

Catatan:

1.Jika anda ingin menambahkan efek Blink/berkedip, silahkan anda tambahkan kodenya, untuk menambahkan kode kata yang berkedip silahkan klik disini.

2.Atau jika anda ingin menambahkan kode marquee silahkan tambahkan kode berikut:

<marquee scrolldelay="50" scrollamount="1">Daftar Isi</marquee>

Okey Selesai

Selamat Mencoba