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&alt=json-in-script&callback=loadtoc">
</script>
</script>
<script src="http://blogbiasa6.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&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&alt=json-in-script&callback=loadtoc">
</script>
</div>
Keterangan : height:200px adlah tinggi, jika sobat ingin lebih tinggi atau lebih rendah silahkan ganti kode 200px.<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&alt=json-in-script&callback=loadtoc">
</script>
</div>
Mari dipilih yang mana yang sobat suka!
Wassalamu'alaikum. . .
This comment has been removed by the author.
ReplyDelete