Dan di artikel kali ini saya ingin memberikan tutorial bagaimana cara membuat daftar isi simpel alias sederhana namun tetap powerfull. Daftar isinya disusun secara otomatis mengikuti script berdasarkan label / kategori dari setiap artikel yang telah dipublikasikan. Jadi agar artikelnya bisa tampil di halaman daftar isi, maka terlebih dahulu ketika menulis artikel harus dibuat terlebih dahulu pelabelannya di menu setelan entri (halaman posting).
Oke tanpa berlama-lama lagi, berikut adalah cara sederhana untuk membuat daftar isi berdasarkan label.
1. Copy semua kode di bawah ini.
<script src="http://digital-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">Note: Ganti tulisan berwarna merah dengan URL link alamat blog sobat.
</script>
<script src="http://www.bangrusman.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
2. Setelah dicopy, login ke akun blogger sobat. Kemudian setelah masuk dashboard, pilih menu Page / laman, klik tombol laman baru. Laman ini yang nantinya akan kita pasangi script di atas yang telah dicopy tadi.
Baca juga : Cara Membuat Pages / Laman dan Menjadikannya Sebagai Menu di Blog
3. Setelahnya akan muncul halaman posting. Arahkan pandangan pada sudut kir atas halaman posting, klik pada pilihan mode tulis HTML, jangan yang mode Compose. Isi bagian judul dengan "Daftar Isi" / Daftar Artikel, dsb. Kemudian paste kode / script tadi di halaman posting yang tersedia. Jika sudah, klik tombol Publikasikan.
4. Silahkan bisa sobat coba cek bagaimana hasilnya di blog sobat sendiri. Untuk demonya sendiri di blog ini bisa dicek DI SINI.
Hasilnya cukup sederhana namun tetap terlihat rapih dan tertata dengan baik. Setiap artikel dikelompokkan pada labelnya masing-masing. Dan tampilan ini pun cukup powerfull karena bisa membantu visitor untuk menemukan artikel-artikel kita yang lain.
Oke, itulah cara sederhana yang bisa sobat lakukan untuk membuat daftar isi agar blognya lebih terlihat rapih dan cantik. Semoga tutorial ini bermanfaat. Terima kasih.
No comments:
Post a Comment