Jumat, 17 Juli 2009

Membuat Daftar Isi pada Blogspot

Sering kali saya kesulitan ketika mencari suatu artikel yang sama pada sebuah blog atau website yang pernah saya kunjungi sebelumnya,.. dan menu Daftar Isi merupakan suatu acuan saya untuk mencari artikel tersebut. Sekarang pernah Coba anda lihat pada bagian Menu Navigasi Blog ini,disana ada kata yang bertulis Daftar isi, dan jika anda meng-kliknya, maka akan ditampilkan daftar isi/daftar postingan dari Blog ini, silahkan klik disini untuk melihat daftar isi pada bloggis.

Buat yang ingin mencoba memasang Membuat Daftar Isi pada Blogspot ini, silahkan ikuti langkah - langkahnya :

Langkah ke-1

Login di Blogger dengan ID anda kemudian langsung menuju ke edit html.di tab Template Jangan lupa kasih tanda centang pada kolom expand template widget. Penting jangan lupa copy dahulu code template yang dipakai pada wordpad atau notepad, untuk menghindari kesalahan atau error pada blog.

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


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


Jika sudah 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>


Kemudian save template.


Langkah ke-2

Untuk langkah yang ke-2,membuat sebuah Link yang akan menampilkan daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini,tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda,berikut Link-nya

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


Ganti teks yang berwarna merah dengan nama blog anda dan angka 100 menunjukan jumlah postingan yang ingin ditampilkan,kalo sudah Save Template anda.

Selamat Mencoba...

Note :
Agar lebih memudahkan pencarian code diatas bagi yang menggunakan mozzila dapat dengan menu cari ( control F ).

3 komentar:

  1. Saya telah membuat menu navigasi dalam blog saya, tetapi saya bingung bagaimana cara mengisi atau menempatakan setiap tulisan yang saya buat sesuai dengan menu navigasi yang saya buat, tolong berikan saya saran atas masalah ini, terims ya...

    BalasHapus
  2. Menurut saya coba mas sadikin memberikan tag atau label pada setiap artikel sesuai dengan menu navigasi yang mas buat.

    BalasHapus
  3. Tipsx sangat berguna buat aq,trimaksih bxk..
    Linkx sdh aq pasang,tlg di Link balik y

    BalasHapus

Site Info

auto link