Cara Buat Daftar isi Blog

 
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 Blogkomputers,hari kamis yang lalu teman saya yang bernama Aan menanyakan masalah yang sama,cara membuat daftar isi,dan saya telah menunjukanya langsung dan alhamdulillah berhasil dibuat.

Mungkin diluar sana masih banyak teman-teman saya yang belum tahu caranya, untuk itu saya berinisiatif untuk menulisnya di Blog supaya dapat dibaca oleh teman2 yang lain,baiklah kita langsung saja ke topic permasalahan, So..buat anda yang ingin tau cara buat daftar isi blog 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.

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=300">Daftar isi Blog</a>

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

Note:

1.Jika anda ingin menambahkan efek Blink/berkedip seperti blog saya silahkan anda tambahkan kodenya,untuk menambahkan kode kata yang berkedip silahkan klik disini.

2.Atau jika anda ingin menambahkan kode marquee silahkan tambahkan kode berikut
<marquee scrolldelay="50" scrollamount="1">Daftar Isi</marquee>

2 komentar:

  1. kk kalo pasang langkah ke 2 nya di navigasi bar gi mana caranya..
    di tunggu.
    tq.

    BalasHapus
  2. maaf bos...di blog ane kok gak da ya kode tersebut...
    apa ada yg salah ya scripnya...
    mohon petunjuknya kang...

    BalasHapus

Followers

Pengikut

ALL TUTORIAL BLOG

Informasi Baru
Cara Membuat Scroll Bar. Tulisan Berjalan di Addressbar.
Menghilangkan Angka Label.
Cara Hack Chip Zynga.
Membuat GIF Untuk Banner.
Membuat Read more Otomatis.
SEO Blogger/Blogspot Template. Curi Password Flash disk. Cara Buat Title Header Bergerak. Cara Membuat Letak Background Di Kotak Comment. Cara Membuat Menambah Jumlah Yang Di Batasi. Cara Membuat Memasang Widget Sms Gratis. Cara Membuat cursor Pada Blog. Membuat Domain Gratis di CO.CC. Membuat Next Page judul Postingan. Next Page Hanya Judul Postingan. Cara Membuat Efek Heart(Hati). Cara Memasang Meta tag. Cara Membuat meta tag di blog. Cara Membuat Icon,GIF, Flash. Cara Membuat Flash. Cara Membuat Menu Melayang. Cara Membuat Label Berputar. Cara Mengganti Icon Bloger. Cara Membuat Template. Menambah dua kolom dibawah/diatas post body. Cara Membuat Menu Tab View. Safware Pengelola Blog.

Archives