Home » » Cara membuat Daftar isi otomatis Pada Blog

Cara membuat Daftar isi otomatis Pada Blog

Bagaimanakah cara kita membuat Daftar isi oyomatis pada Blog?
oke, untuk jawaban pertanyaan diatas, tentang bagaimana cara kita membuat Daftar isi otomatis pada Blog? pada saat ini saya akan memberikan jawaban skaligus cara bagaimana membuatnya. oke langsung aja kita liat.
untuk membuatnya kita menjalan kan Dua langkah.

Untuk 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 != &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:#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 Templatenya

Keterangan:
-untuk warna yang berwarna merah atau #EAE9E9 dan #000000 adalah warna latar belakang (background) dan #000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.


Sekarang kita 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 sobat.com/search?max-results=200">Daftar isi&raquo;</a>

Keteranagan:
- Tulisan yang berwarna Merah, ganti dengan URL blog kalian.

5. Simpan dan lihat hasilnya.

oke sekarang sudah diberitahu jawabannya
semoga bermanpaat untuk sobat-sobat semua...!
Share this article :

0 komentar:

Posting Komentar

Kepada Kawan - Kawan Semua, Berkomentarlah dengan baik dan sopan.
Jika ada Embel - Embel Link mohon maaf, komentar akan saya hapus.


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Net- Blog ™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger