Mengubah Tampilan Daftar Isi Blog

7:12 PM | Labels: Daftar Isi, Widget

Bagi anda yang tidak puas dengan tutorial saya tentang Membuat Daftar Isi Otomatis jadi kalau di tutorial yang satu ini saya akan membuat anda lebih puas lagi. Bila di artikel yang saya sebutkan diatas saya hanya membuat daftar isi yang hanya dengan judul artikel tanpa skin seperti punya saya, mungkin ini sangat berguna dan berfungsi sekali untuk blog anda karena akan memperindah blog anda,dalam pencarian juga akan tampil seperti ini nanti,langsung saja dah.

Gambar yang akan tampil seperti diatas.

Ikuti langkah-langkah dibawah ini:

Login ke Blogger kemudian Layout/Tata Letak terus Edit HTML

Centang pada Expand Template Widget

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/><b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Cari kode yang berwarna hijau

Langkah selanjutnya anda hanya perlu mengganti kode yang berwarna hijau dengan kode dibawah ini.

<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#DCDCDC;color:#000000;'>
<data:post.title/></div></a>

NOTE : Bila anda ingin menggantinya anda hanya perlu merubah kode yang berwarna merah dengan kode warna yang anda sukai. Kode warna bisa dilihat di Mengetahui Kode Warna