Daftar isi adalah hal yang penting di dalam sebuah buku, daftar isi berguna sebagai penunjuk sebuah halaman atau pembahasan tertentu. Bayangkan saja jika sebuah buku tidak memiliki daftar isi, begitu repotnya pembaca untuk mencari topik tertentu yang ingin ia baca.
begitu juga di dalam artikel website, artikel website yang teralu panjang dapat anda tambahkan daftar isi di dalamnya, tujuannya agar memudahkan para netizen membaca, dan kalo netizen mudah membaca keuntungan akan kembali lagi ke si pemiliki website.
Cara Membuat Daftar Isi Di Dalam Postingan Blogger
Cara membuat daftar isi di dalam artikel website mudah sekali, tapi sepertinya masih banyak orang tidak mengetahui cara membuatnya, atau mungkin karena postingan yang dibuat tidak terlalu panjang dan tidak membutuhkan daftar isi. Ok, tanpa basa basi langsung saja kita praktekkan
- 1. Masuk ke blogger anda
- 2. Buat entri baru
- 3. Buat beberapa judul dan Tambahkan beberapa paragraf di bawahnya
- 4. Buka menu html dan cari judul paragraf yang dibuat tadi.
- 5. Coba perhatikan script yang ada di dalam kotak merah, tambah script id="judul1" di dalam tag <h3> untuk judul 1 dan tambahkan id="judul2" di dalam tag <h3> untuk judul ke-2. Jika anda bingung dengan penjelasan saya, coba samakan saja dengan gambar di bawah ini
- 6. Lalu copy script di bawah ini dan pastekan di tulisan paling atas di dalam menu html. Jangan lupa untuk memastikan nama id sama dengan nama di daftar isi
<h3>Daftar Isi</h3> <div> <ul> <li><a href="#judul1">Judul 1</a></li> <li><a href="#judul1">Judul 2</a></li> </ul> </div>
- 7. Lalu coba anda publikasikan
Mudah-mudahan tips & trick kali ini bermanfaat bagi kita semua. Saya akhiri artikel kali ini, kalo kalian merasa terbantu jangan lupa tinggalkan pesan dan share artikel ini. Saya ucapkan Assalamualaikum Warahmatullahi Wabarakaatuh..
Terimaksih Gan Infonya :)
ReplyDeleteterima kasih banyak atas kunjungannya mas, mudah-mudahan bermanfaat :)
Deletemakasih agan masih belajar salam kenal
ReplyDeletesalam kenal juga :)
Deletesangat membantu gan makasih infonya
ReplyDeleteThanks ya
ReplyDeleteTerima Kasih, sangat bermanfaat
ReplyDeleteSiap, terima kasih kunjungannya
Deletepenjelasannya simple dan mudah dimengerti. sebagai newbie sangat terbantu sekali. Terima kasih
ReplyDeletealhamdulillah, senang klo bisa memberikan manfaat kepada orang lain. :)
DeleteTerima kasih gan infonya,sangat berguna bagi saya yang masih pemula....
ReplyDeletealhamdulillah, terima kasih juga atas kunjungannya mas
DeleteMantap gan tutorialnya
ReplyDeleteTerimakasih bg atas tutorialnya. sangat bermanfaat
ReplyDeleteterimakasih kak
ReplyDeleteya sama-sama gan
DeleteTerima kasih ya , salam kenal
ReplyDeleteTerima kasih, bang.
ReplyDeleteYa sama-sama hehe 😀☺👍
DeleteTerima kasih sangat membantu
ReplyDeleteYa sama-sama hehe 😀☺👍
DeleteBermanfaat artikel nya
ReplyDeleteterima kasih mas :)
DeleteMakasih banyak mas...
ReplyDeleteTricknya Mudah dipahami & akhirnya berhasil juga :D
keren mas, terima kasih kunjugannya :D
DeleteMakasih mas, tutorial yg sangat berkelas hehe
ReplyDeleteAlhamdulillah, terima kasih juga atas kunjungannya mas. Bila berkenan bisa baca-baca artikel saya yang lain :D
DeleteHello Sahretech,
ReplyDeleteTerima kasih banyak ya saya jujur muter-muter nyari gimana buat table of content namun setelah baca penjelasan abangnya langsung cepat mengerti terima kasih bang semoga jadi ladang pahala amien
Best Regards,
Mamazorayas
Alhamdulillah, terima kasih doanya dan terima kasih kunjungannya :)
DeleteSudah saya coba, terimakasih. Ternyata tidak harus ribet utak atik template.
ReplyDeleteWow! Terima kasih infonya... Senang menemukan situs ini. Sukses selalu.
ReplyDeletealhamdulillah terima kasih :)
Deletetutorial nya boleh di coba gan
ReplyDeleteSilahkan :)
Deleteterima kasih bangat..setelah saya coba aplikasikan langsung jadi..cman kalo mo nambah sub. daftar isi H4 misalkan..gamana ya..masih bingung..mklumlah bukan bahasa gaul..tapi bahasa html
ReplyDeleteHehe, klo buat sub belum pernah. Coba diimprovisasi sendiri mase :)
DeleteMakasi kaka
ReplyDeleteSama sama kaka
Deletesangat membantu, tapi ada gak tampilan yang lebih keren? kayak ditambah CSS gitu? makasih
ReplyDeleteterima kasih mas brian sudah mengunjungi blog saya, untuk tutorial dengan css coba baca yang ini https://www.sahretech.com/2021/08/membuat-daftar-isi-seperti-wikipedia-di.html
Delete