Membuat Daftar Isi di Blog

Pada kesempatan kali ini saya akan mencoba untuk membantu sahabat blogger semua untuk membuat fasilitas Daftar Isi pada blog anda. Comtoh tampilannya dapat anda lihat dengan mengklkik tombol yang bertuliskan daftar isi pada menu yang terdapat dibawah header saya diatas.

Nah, untuk membuat menu daftar isi seperti yang saya contohkan diatas anda dapat mengikuti tutorial saya berikut ini :

1.masuk ke account blogger anda

2.sesampainya di Dashboard silahkan klik tab [TATA LETAK] kemudian ambil pilihan [Edit Html]

3.beri tanda centang pada kotak expand template widget.

4.Selanjutnya, cari kode html berikut,atau yang mirip dengan kode tersebut:

<b:include data='post' name='post'/>

5.setelah kode diatas ketemu,hapus kode tersebut dan ganti dengan kode dibawah 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:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<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>


6.setelah pengeditan selesai klik Save Template

selanjutnya kita pasang link yang akan menghubungkan pembaca kepada link daftar isi tersebut, anda dapat menempatkannya di menu navigasi seperti saya, atau letakkan ditempat lain yang anda sukai. berikut kodenya :

<a href="http://Alamat Blog Anda.blogspot.com/search?max-results=300">Daftar isi Blog</a>

Silahkan Ganti Tulisan Yang berwarna hijau diatas dengan URL blog anda

7. Selamat Mencoba, Semoga Berhsil cui ...!!!

Artikel Terkait: