Cara Membuat Daftar Isi di blog tanpa java script
Membuat daftar isi blog sangatlah berguna selain kita dapat melihat keseluruhan daftar postingan kita, kita juga di berikan kelebihan lain dari blog kita salah satunya : jika blog anda mempunyai kotak pencari (searching box) lalu apabila anda ataupun pengunjung blog anda mencari suatu artikel di blog anda maka yang tampil hanyalah judul dari tiap-tiap postingan yang berkaitan jadi jika anda mempunyai postingan banyak sangatlah diuntungkan karena pencari artikel tidaklah terlalu sulit untuk menemukan artikel yang dicari dan dan lebih cepat karena menampilkan judul postingannya saja.
berikut cara-cara pembuatannya :
LANGKAH PERTAMA
LANGKAH KEDUA
berikut cara-cara pembuatannya :
LANGKAH PERTAMA
- Login ke Blogger.
- Pilih Tata letak
- Pilih Edit HTML.
- Download Template Lengkap dulu templatenya jika takut gagal.
- Kasih tanda centang pada kotak Expand Widget Templates.
- Cari kode ini
ini pada template anda.<b:include data='post' name='post'/>
- Ganti kode diatas 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:6px 0 6px 5px;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin-bottom:2px;background:#F7F7F7;color:#699ABA;'>
<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>
Kode warna (tulisan merah), silahkan ganti dengan warna kesukaan anda atau yang sesuai dengan blog anda. - Klik tombol Simpan Template.
LANGKAH KEDUA
- Pilih Elemen Halaman.
- Klik Tambah Gadget.
- Klik tanda + pada HTML JavaScript.
- Copy kode dibawah ini kemudian paste pada kolom yang tersedia.
<a href='http://adesyams.blogspot.com/search?max-results=200'>Daftar Isi</a>
Ganti http://adesyams.blogspot.com dengan URL blog anda. - Klik tombol Simpan.
- Lihat Blog anda sekarang.
Good Luck..!!
Pertamax... wah lkebetulan nih.. lagi nyari daftar isi tanpa js. makasih ya
BalasHapusWidgetnya bagus mas, cuma saya kalo saya pake jadinya halaman-halaman pada blog jadi tidak bisa tampil normal, cuma judulnya doang. Kenapa ya?
BalasHapussalam kenal mas, boleh juga tipsnya nti saya coba. Thanks
BalasHapusthx tipsnya mas,salam kenal
BalasHapuskok gagal padahal kodenya da ak masukin
BalasHapusKalo cara buat daftar isi scroll kaya' yang di halaman awal blog ini gimana?? yang ada article,tutorial, dan friend ..
BalasHapusMOHON DI BALAS :D ......
nice information untuk tampilan personalisasi blog kita, salam kenal and visit me back
BalasHapusbagus.. bermanfaat.. thanks :)
BalasHapusditaruh dipostingan apa bisa gan?
BalasHapus