Membuat Daftar Isi Blog
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....
PertaMax diamanakan, info lawas tapi sangat bermanfaat,,
thanks udah Share kembali
@Mharjipes dot Com Trimakasih gan, mudah-mudahan sharing ini bermanfaat buat yang lainnya......
izin praktekin dulu bos
@Adrian Firmansyah | Blogger Newbie dari Bekasi : Silakan sob....
Tips menarik sop,memberi kemudahan pada pengunjung untuk memilih isi blog kita.Nice sharing,members 32 thanks ya,happy blogging.
@Raihan Mar'ie Ramadhan : thanks ya udah follow balik sob....
Saya barusan membuat daftar isi sob, dan artikel menambah pengetahuan saya, makasih suda berbagi :)
@Tonnys : Sama-sama sob..mudah mudahan bermanfaat
makaasih gan infonya menarik., templetnya juga keren., pasti dah master neh., kunjung balik ya gan., salam dari newbie., :D
@mimi : trimakasih gan udah mampir, insyaallah berkunjung...