Rabu, 05 Juli 2023

Cara Mudah Membuat Daftar Isi Di Dalam Postingan Blogger

Daftar isi adalah satu hal yang terasa sangat penting di dalam sebuah buku atau artikel, daftar isi berguna menjadi penunjuk sebuah halaman atau pembahasan tertentu. Jika kits light pada sebuah buku apabila tidak memiliki daftar isi, maka pembacanya akan begitu repot dalam mencari topik tertentu yang diinginkannya. Begitu juga di sebuah artikel website, artikel website yang terlalu panjang dapat kits tambahkan daftar isi di dalamnya, Agar tujuannya memudahkan para netizen atau pembaca dalam membaca artikel website kita.

Cara Membuat Daftar Isi Di Dalam Postingan Blogger

Cara membuatnya sangatlah mudah sekali, meski mudah masih banyak orang tidak mengetahui cara membuatnya, atau mungkin karena postingan yang dibuat tidak terlalu panjang sehingga tidak membutuhkan daftar isi di dalamnya. Berikut ini langkah-langkah membuatnya:
  • 1. Masuk ke blogger anda
  • 2. Buatlah entri baru atau postingan baru
  • 3. Buat beberapa judul pembahasan dan Tambahkan penjelasan di bawahnya
  • 4. Jika Sudan Buka menu html dan cari judul pembahasan yang telah dibuat tadi.

  • 5. Jika Sudan ditemukan, 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 kalian bingung dengan penjelasan saya, coba samakan saja dengan gambar di bawah ini biar mudah dipahami.

  • 6. Langkah selanjunya copy script di bawah ini dan pastekan di tulisan paling atas postingan di dalam menu html. Jangan lupa pastikan 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 atau preview untuk melihat hasilnya
Setelah kalian coba, bagaimana apakah mudah?
Yang perlu anda perhatikan yaitu anda hanya perlu melakukan beberapa tahap saja dimana anda hanya perlu menambahkan id="nama kodenya" di dalam tag setiap judul. Lalu tambahkan scritp 
<a href="#namakodenya"> di bagian paling atas.

Akhir kata semoga article ini mudah dipahami dan bermanfaat bagi kits semua. Aamiin
Assalamualaikum Warahmatullahi Wabarakaatuh..

 

Ad Placement