CARA BUAT DAFTAR ISI BLOG OTOMATIS

Cara membuat daftar isi blog secara automatis, namun sayangnya cara ini hanya bisa dipakai  pada plaform Blogspot.com, untuk Wordpress saya sendiri masih membuat secara manual.  Mungkin cara seperti inipun di wordpress juga ada namun saya belum mengupreknya hanya baru blogspot saja. Adapun yang saya maksud dengan secara otomatis disini adalah, dimana setelah anda membuat postingan dan menyimpannya, maka secara otomatis pula daftar isi judul postingan akan secara otomatis  telah jadi secara otomatis pula di blogspot anda. Jadi sekali memasang code daftar isi  blog kita tidak direpotkan lagi untuk membuat daftar isi blog, adapun cara membuatnya silahkan ikuti langkah - langkahnya seperti dibawah ini :

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 dicetak tebal dengan nama blog sobat dan angka 200 menunjukan jumlah postingan yang ingin ditampilkan, kalo sudah Simpan Template anda

Catatan:

1.Jika anda ingin menambahkan efek Blink / berkedip, silahkan anda tambahkan code seperti dibawah ini  :

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

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

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

 
Selesai dan selamat mencoba.......!!!!

Posted in: Tutorial