Cara Buat 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.

19 komentar:

  1. waduh terlanjur pake yg lama nih

    BalasHapus
  2. Daftar isi blog tu yang kaya apa sich !

    BalasHapus
  3. Salam kenal dari Bang CaneL,
    Pendatang baru ..........

    BalasHapus
  4. makc bxk atas ilmux dan ini yg saya cari sakalangkong boooosss

    BalasHapus
  5. makasih ya,,,,,,udah ku coba berhasil

    BalasHapus
  6. makasih yaaaaaaaaa
    saya bisa membuat daftar isi....
    tolong bantui saya ya bikin blog....
    salam kenal

    BalasHapus
  7. makasih ya bisa nimba ilmu disina, dan mohon ijin pasang linknya.

    BalasHapus
  8. Salam kenal dari Bang CaneL,
    Pendatang baru ..........

    BalasHapus
  9. Maaf, mas saya kurang paham langkah ke2 dari cara buat daftar isi blog. makasih ya... di tunggu jawabannya.

    BalasHapus
  10. link yg ini di taruh di mana mz . ,.

    Daftar isi Blogbingung huhu .
    lam knl , pendatang baru wkwk lagi ngotak-atik blog slama ribuan taun gak jadi2 wkwkwkwkwk . .

    BalasHapus
  11. tank's freind atas tutornya..o..ya..gimana menurut teman blog ku, soalnya aku baru belajar lo..

    BalasHapus
  12. Makasih udah berbagi...
    blogku tuh lagi berkutat dengan daftar isi...
    akhirnya ada infonya juga.... thx ya

    BalasHapus
  13. mas untuk lankh ke 2 kode nya dipasang dimana apa di bawah kode langkah yang ke 1?

    BalasHapus
  14. kok nggak keluar ya daftar isinya ..apa yang kurang nih boss.. mohon konfirmasi deh...

    BalasHapus
  15. mas untuk langkah keduA CARANYA GIMANA G NGERTI

    BalasHapus

blogger