Daftar isi blog

Cara buat daftar isi blog ini merupakan alternatif lain dari postingan saya sebelumnya tentang pasang widget daftar isi blog. Di postingan yang lalu, proses membuat daftar isi blog-nya menggunakan javascript sehingga proses loadingnya lumayan berat. Untuk daftar isi yang saat ini akan dibahas, cara buatnya tidak menggunakan kode javascript sehingga akan lebih mudah dan cepat proses loadingnya.

Cuma bedanya, antara postingan yang lalu (widget daftar isi blog) dengan postingan yang ini terletak pada cara menampilkannya. Pada postingan yang lalu, daftar isi blog akan langsung tampil ketika halaman blog terbuka. Namun untuk daftar isi blog yang sekarang, untuk menampilkannya harus terlebih dahulu membuat suatu link atau tautan yang akan menampilkan daftar isi blog tersebut. Sebagai contoh, klik disini untuk melihat daftar isi dari kursus blog

So..buat anda yang ingin tau cara buat daftar isi blog ini, silahkan ikuti langkah - langkahnya :


Langkah ke-1

Login di Blogger kemudian langsung menuju ke edit html. Jangan lupa kasih tanda centang pada kolom expand template widget.

Selanjutnya, cari kode html berikut :

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

Kalo sudah ketemu, hapus kode barusan 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 save template.



Langkah ke-2

Untuk langkah yang ke-2, adalah penempatan link tautan yang akan menampilkan daftar isi blog nantinya. Supaya lebih mudah, saya sarankan untuk menempatkannya di menu navigasi blog anda. Tapi, jika anda ingin menempatkannya di sidebar blog (misalnya) juga ga pa pa. Yang penting, link ini tampil di halaman blog anda. Ok...berikut kode link yang harus anda pasang :

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

Tapi ingat, jangan lupa untuk mengganti text yang warna merah dengan nama blog anda. Kalo sudah selesai, save lagi kemudian coba anda liat hasilnya untuk melihat daftar isi blog anda.