Cara Membuat Daftar Isi Artikel di Blogspot

Daftar isi seperti judul di atas merupakan salah satu aksesori juga di dalam sebuah blog. Kehadiran daftar isi ini akan membuat mudah para pengunjung blog untuk menemukan apa yang mereka cari. Namun banyak juga teman-teman blogger yang belum memasang daftar isi di blognya setelah saya melakukan blogwalking.

Nah, di kesempatan kali ini saya ingin share bagaimana Cara Membuat Daftar Isi Artikel di Blogspot. Mungkin bagi teman-teman yang belum memasang daftar isi pada blognya bisa membuatnya sekarang.

Ok, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak >> Edit HTML,
2.Untuk mencegah hal-hal yang tidak diinginkan, backup dulu template blog teman-teman dengan cara klik Download Template Lengkap,
3. Kalau sudah, klik checkbox Expand Template Widget,
4. Lalu cari kode berikut (Ctrl F): <b:include data='post' name='post'/>
5. Ganti kode tersebut dengan kode di bawah 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:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><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>

Jika sudah klik save templates lalu lanjutkan dengan langkah di bawah ini:

1. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten):

<a href="http://anggasona-anotherbestblog.blogspot.com/search?max-results=150" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>

Keterangan:
Ganti tulisan yang berwarna merah dengan alamat Url blog teman-teman, lalu yang berwarna biru adalah banyaknya jumlah artikel yang ingin ditampilkan.

3. Jika sudah klik Save dan lihat perubahannya, view blog. Selamat mencoba Membuat Daftar Isi Artikel di Blogspot!