Cara Sederhana Membuat Daftar Isi Berdasarkan Label Dengan Tampilan Elegant

Cara Sederhana Membuat Daftar Isi Berdasarkan Label Dengan Tampilan Elegant

xcoder   

IdBoegis - Kesempatan kali ini saya akan berbagi tutorial blog bagaimana cara membuat daftar isi berdasarkan label postingan artikel yang ringan dan sederhana tetapi elegant terlihat di blog kamu, Walaupun kelihatan-nya sederhana namun pengunjung blog kamu akan senang melihatnya karena tampilan dari daftar ini sangat ringan dan tanpa loading yang membuat mereka menunggu lama.

Tampilan daftar isi di blog kamu ini nanti-nya akan menampilkan postingan artikel yang di urut berdasarkan label/kategori yang ada di blog kalian.

Demo

Penasaran bagaimana cara membuat membuat daftar isi sederhana berdasarkan label di blog kamu? silakan ikuti petunjuk yang saya berikan di bawah ini dengan cermat.

1. Silakan kamu masuk ke Blogger > Menuju menu laman > Kemudian buat postingan baru di laman tersebebut > Di situ terdapat dua Tab Compose dan HTML (Sudut Kiri Atas) > Yang kalian pilih adalah Tab HTML kemudian masukkan Script/Kode yang ada di bawah ini.

HTML

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;"><a href="http://idboegis.blogspot.com/p/loading.html" title="Daftar Isi Berdasarkan Label">Daftar Isi</a><script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

2. Sebelum Publikasikan alangkah baiknya Pratinjau terlebih dahulu.

3. Publikasikan dan lihat kembali hasilnya.

Bagaimana cukup sederhana dan elegant bukan, Demikian tutorial blog kali ini Cara Sederhana Membuat Daftar Isi Berdasarkan Label.