Cara Membuat Daftar Isi Artikel di Blogspot

Dilihat dari judulnya, daftar isi merupakan kebutuhan penting juga di dalam blog, karena dapat mempermudah para pengunjung blog untuk mencari dan menemukan apa mereka cari, serta dapat mempercepat pencarian di blog. yang pastinya membuat pengunjung lebih nyaman. mungkin ada yang belum memasang aksesori ini.
Nah, di kesempatan kali ini saya ingin membahas tentang bagaimana Cara Membuat Daftar Isi Artikel di Blogspot.

Lihat Gambar

Ikuti langkah-langkah berikut :

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. Lalu untuk mempermudah pencarian di kode HTML, tekan (Ctrl F), cari kode di bawah ini :

<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>

Keterangan :
Perhatikan kode yang bercetak warna biru,

border-right:1px solid #ccc; ini adalah kode untuk warna border, yang bisa sobat ganti sendiri.
border-bottom:1px solid #ccc; ini untuk mengganti border buttom.
background:#EAE9E9;color:#406A0E; ini untuik mengganti background daftar isi dobat.

Untuk menentukan kode warna silahkan sobat bisa kesini

6. Simpan template.

Jika sudah, lanjut lagi dengan langkah-langkah di bawah ini :

1. Klik Design/Layout/Tata Letak

2. klick Page Element
3. Add a Gadget dan pilih HTML/Javascript.

4. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten) :

<a href="http://kode-blogger.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 sobat, dan juga yang berwarna biru adalah banyaknya jumlah artikel yang ingin ditampilkan.

5. Simpan, dan lihat hasilnya.


Selamat mencoba semoga sukses.