Home » » Cara Membuat Daftar Isi Blog Berdasarkan Label/Kategori

Cara Membuat Daftar Isi Blog Berdasarkan Label/Kategori

Assalamu'alaikum. . .

screenshot daftar isi
















Membuat daftar isi blog berdasarkan label atau kategori posting memudahkan  pembaca mengakses bagian-bagian atau konten blog secara cepat dan mencari artikel, tulisan, atau posting yang mereka butuhkan.

Demo : Daftar Isi Tanpa Scroll   atau   Daftar Isi Dengan Scroll

Cara Membuat Daftar Isi Blog Berdasarkan Label/Kategori Di Sidebar

1. Login Ke Blogger.com terlebih dahulu
2. Klik Blog Yang Anda Inginkan
3. Pilih Tata Letak (bhs Indonesia)
4. Klik Tambahkan Gadget
5. Copy dan Paste salah satu kode HTML daftar isi di bawah ini. Jangan lupa ganti dulu blogbiasa6.blogspot.com dengan url blog anda.
6. Klik Simpan

1. Kode HTML untuk Daftar Isi Berdasarkan Label/Kategori Tanpa Scroll
<script src="https://sites.google.com/site/blogbiasa06/home/blog-biasa/daftarisi.js?attredirects=0&d=1" type="text/javascript">
</script>
<script src="http://blogbiasa6.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

2. Kode HTML untuk Daftar Isi Berdasarkan Label/Kategori Dengan Scroll
 
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<script src="https://sites.google.com/site/blogbiasa06/home/blog-biasa/daftarisi.js?attredirects=0&d=1" type="text/javascript">
</script>
<script src="http://blogbiasa6.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
Keterangan : height:200px adlah tinggi, jika sobat ingin lebih tinggi atau lebih rendah silahkan ganti kode 200px.

Mari dipilih yang mana yang sobat suka!

Wassalamu'alaikum. . .

1 comments: