Cara Membuat Daftar Isi Blog

Salam Hangat bagi seluruh sahabat sobat blogger yang membaca. kali ini saya datang lagi menghampiri anda semua untuk berbagi tutorial “walaupun ketemunya nggak langsung” he… he… he … tapi tetap tenang saja sobat karena walaupun kita mungkin tidak pernah bertemu secara langsung, tetapi saya akan selalu berupaya untuk mensharing ilmu dan berbagi pengalaman kepada sahabat blogger semua.


Dan 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 horizontal yang terdapat dibawah header saya diatas atau kalau tidak silahkan lihat contoh blog saya KLIK DISINI

Nah untuk membuat menu daftar isi seperti yang saya contohkan diatas anda dapat mengikuti wejangan yang saya berikan 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, tekan Ctrl+F, masukkan <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

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


SELAMAT MENCOBA

 

Tidak ada komentar :

Posting Komentar

silakan berkomentar.. :)