Membuat Daftar Isi Berdasarkan Label

Daftar isi atau bisa disebut juga dengan sitemap berguna untuk memudahkan para pengunjung Blog untuk mencari artikel yang dibutuhkan dengan mudah. Sekarang saya akan berbagi bagaimana cara membuat daftar isi untuk Blog berdasarkan label. Untuk melihat demo silahkan click tombol di bawah ini.

Live Demo

Pada demo tersebut, saya menggunakan scroll agar daftar isi tidak memanjang ke bawah.

Memasang Daftar Isi Blogger

1. Login Blogger.
2. Buat Postingan baru, lalu masukkan code berikut ini pada tab HTML bukan Compose.

<script src="https://googledrive.com/host/0B18vnuOcx7BQYi1UVDd6ZDBnS3M/daftarisi.js"></script><script src="http://oneblogtricks.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 

3. Untuk yang ingin menggunakan scroll, silahkan gunakan code berikut:

<div style="background-color: none; border: 1px solid #ffffff; height: 600px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 600px;">
<script src="https://googledrive.com/host/0B18vnuOcx7BQYi1UVDd6ZDBnS3M/daftarisi.js"></script><script src="http://oneblogtricks.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

 Keterangan:

 oneblogtricks ganti dengan URL Blog Anda.
 ffffff ganti dengan warna border atau garis pembatas. Untuk melihat code warna click di sini.
 600 tinggi, lebar daftar isi.
4. Publikasikan. 

Share This :