Warung Bebas

Subscribe

RSS Feed (xml)

Powered By

Skin Design:
Free Blogger Template

Powered by Blogger

Jumat, 04 Maret 2011

Cara membuat daftar isi otomatis 1

daftar isi Banyak pemilik blog ingin agar blognya user friendly dan bisa memperlihatkan semua posting yang telah mereka buat. Namun sayangnya Blogger hanya menyediakan widget berupa Arsip Blog yang tidak bisa memperlihatkan seluruh daftar isi blog. Dalam tips ini Anda bisa membuat daftar isi blog yang bisa memperlihatkan seluruh judul posting sehingga pengunjung blog dengan mudah bisa mencari info yang diinginkannya dari blog .

Langkah Pertama:

1. Login ke account Blogger-mu
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Sebaiknya back up dulu template kamu dengan meng-klik Download Template Lengkap
4. Setelah itu beri centang pada tulisan Expand Widget Templates
5. Cari kode dibawah ini

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

6. Kalau 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 != &quot;item&quot;'>
<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>

 

7. Simpan Template.

Langkah Kedua:

Langkah ini kita akan membuat pemanggil daftar isi.

1. Pilih Layout atau Tata Letak --> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya

<a href="http://instanttutorial.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

5. Simpan Widgets

untuk hasilnya bisa di lihat di sini

Keterangan:

Ganti instanttutorial.blogspot.com dengan nama blog kamu, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi. Silahkan ganti sesuai keinginanmu.

 

Ref : http://echabintangtimur.blogspot.com

1 comments:

Admin mengatakan...

oke banget cara bikit sitemapnya

Posting Komentar

Related Posts Plugin for WordPress, Blogger...