Pada postingan kali ini
saya akan mencoba share cara membuat daftar isi pada blog. Mungkin sedikit
berguna buat sobat yang belum pasang.
Daftar isi sangatlah
berguna buat pengunjung blog kita, dengan membuka daftar isi ini, semua
postingan kita akan terlihat, karena kebanyakan pengunjung biasanya hanya melihat postingan kita yang pertama saja.
Siapa tahu jika kita pasang daftar isi, pengunjung juga akan tertarik membuka
postingan kita yang lain.
Caranya mudah,
Langkah pertama,Pergi Dashboard lalu
pilih Tata Letak,selanjutnya pillih Edit HTML.
Selanjutnya,beri contreng tulisan Expand Widget Template
Selanjutnya,beri contreng tulisan Expand Widget Template
Selanjutnnya,cari kode
di bawah ini:
<b:include data='post' name='post'/>
Untuk mempermudah
pencarian,tekan Ctrl+F pada Keyboard sobat...
Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti dengan kode di bawah ini :
Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti 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>
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>
Lalu Simpan
Template.
Untuk melihat daftar isi,kita harus membuat Link terlebih dahulu,yang mana saat link di klik akan menuntun kita ke halaman khusus Daftar Isi tersebut.
Jika kita ingin
memasangnya pada menu bar blog, kita bisa membuat link seperti
berikut :
<a href="http://NAMABLOGSOBAT.blogspot.com/search?max-results=100">Daftar Isi Blog</a>
Jangan lupa! kode yang
berwarna merah,tuliskan alamat Blog anda sendiri.
Lalu apa arti tulisan "100" yang berwarna hijau di atas ?
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.
Lalu apa arti tulisan "100" yang berwarna hijau di atas ?
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.
Mudah-mudahan sedikit bermanfaat....