Membuat Daftar Isi Di Dalam Postingan Blogger

Share:

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
Bagaimana mudah bukan ?, anda hanya perlu melakukan beberapa tahap saja dan jadilah sebuah daftar isi. Sedikit penjelasan, anda hanya perlu menambahkan id="nama kodenya" di dalam tag setiap judul. Lalu tambahkan scritp <a href="#namakodenya"> di bagian paling atas.

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..


40 comments:

  1. Replies
    1. terima kasih banyak atas kunjungannya mas, mudah-mudahan bermanfaat :)

      Delete
  2. makasih agan masih belajar salam kenal

    ReplyDelete
  3. sangat membantu gan makasih infonya

    ReplyDelete
  4. penjelasannya simple dan mudah dimengerti. sebagai newbie sangat terbantu sekali. Terima kasih

    ReplyDelete
    Replies
    1. alhamdulillah, senang klo bisa memberikan manfaat kepada orang lain. :)

      Delete
  5. Terima kasih gan infonya,sangat berguna bagi saya yang masih pemula....

    ReplyDelete
    Replies
    1. alhamdulillah, terima kasih juga atas kunjungannya mas

      Delete
  6. Terimakasih bg atas tutorialnya. sangat bermanfaat

    ReplyDelete
  7. Makasih banyak mas...
    Tricknya Mudah dipahami & akhirnya berhasil juga :D

    ReplyDelete
  8. Makasih mas, tutorial yg sangat berkelas hehe

    ReplyDelete
    Replies
    1. Alhamdulillah, terima kasih juga atas kunjungannya mas. Bila berkenan bisa baca-baca artikel saya yang lain :D

      Delete
  9. Hello Sahretech,

    Terima 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

    ReplyDelete
    Replies
    1. Alhamdulillah, terima kasih doanya dan terima kasih kunjungannya :)

      Delete
  10. Sudah saya coba, terimakasih. Ternyata tidak harus ribet utak atik template.

    ReplyDelete
  11. Wow! Terima kasih infonya... Senang menemukan situs ini. Sukses selalu.

    ReplyDelete
  12. tutorial nya boleh di coba gan

    ReplyDelete
  13. terima 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

    ReplyDelete
    Replies
    1. Hehe, klo buat sub belum pernah. Coba diimprovisasi sendiri mase :)

      Delete
  14. sangat membantu, tapi ada gak tampilan yang lebih keren? kayak ditambah CSS gitu? makasih

    ReplyDelete
    Replies
    1. terima 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

Jangan lupa kasih komentar ya!. Karena komentar kalian membantu kami menyediakan informasi yang lebih baik

Tidak boleh menyertakan link atau promosi produk saat berkomentar. Komentar tidak akan ditampilkan. Hubungi 081271449921(WA) untuk dapat menyertakan link dan promosi