Halo semuanya, Sudah lama sekali saya tidak membahas Tutorial Blogging di blog ini, Karena memang sudah Berpindah haluan ke Linux, Oke deh untuk melepas kerinduan , kali ini saya akan membagikan bagaimana cara untuk membuat Daftar Isi otomatis dan responsive di Blogger.
Daftar isi ini sangat berguna sekali, dan bermanfaat untuk blog kalian, Ini bisa mempertmudah pengunjung jika memang kesulitan mencari post DI blog kalian.
Jadi tunggu apa lagi, langsung Ke tutorial nya saja.
1.Login Blogger
Hal yang dilakukan adalah haruslah sudah login ke blogger, Untuk login tidak saya Jelaskan , karena pasti sudah bisa.
2.Menambahkan Laman Baru
Untuk membuat daftar isi ini dibutuhkan Laman baru, dan untuk membuat laman baru adalah pilih "Laman" > "Laman Baru".
Lebih jelasnya lihat gambar dibawah.
3.Memasukkan Script Kedalam Laman (HTML)
Untuk tahap selanjutnya adalah memasukkan Sript Daftar isinya ke dalam laman, Edit HTML ya.
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="margin: auto; max-height: 600px; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
</div>
</div>
Untuk mengubah tinggi nya bisa ubah dibagian "max- -height: 600px;"
Lalu publish, dan lihat hasilnya.
Untuk melihat hasilnya bisa lihat di link Dibawah
Thanks to : ArlinaDzgn
Oke, saya akhiri post kali ini, semoga bermanfaat dan jangan lupa untuk bagikan tutorial ini ke teman kalian atau siapapun itu, Dan tetapi ngoprek dan istirahat yang cukup.
Oke Jaaaaaaaa