handapeunpost



Senin, 12 Desember 2011

0 Membuat Daftar Isi Otomatis

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

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

Kalau sudah ketemu ganti kode itu dengan script 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:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#000000;'>
<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. Simpan Template (save).

Keterangan:EAE9E9 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog kamu.

Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua

Langkah Kedua:
Pada langkah ini kita 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://Nama-blog-kamu.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

5. Simpan Widgets
Keterangan:
hanya saja saya ambil urlnya saja pada blog saya jd saya hanya memasukkan url ini http://Nama-blog-kamu/search?max-results=200
Ganti yang biru dengan alamat Blog Kamu, dan nilai 200 adalah jumlah maksimal judul artikel yang akan dita

0 komentar:

Posting Komentar

-Terima Kasih atas Kunjungannya di Artikel saya ini :)

Note : Dilarang SPAM , Berkata Jorok
Jika Coment Seperti itu akan saya hapus :)

Sekian Terimakasih :)

http://tutorialfree4u.blogspot.com/

Global Variables

allowfullscreen="" src="http://www.youtube.com/embed/evNs1gTMptI?feature=player_embedded" frameborder="0" height="360" width="400">