Cara Memasang Daftar isi pada postingan di Blogger

Daftar isi pada postingan di Blogger adalah daftar atau ringkasan dari konten yang ada di dalam sebuah postingan, yang biasanya diletakkan di awal atau akhir postingan. Tujuannya adalah untuk memberikan pengunjung blog Anda gambaran singkat tentang isi postingan Anda, serta membantu mereka menavigasi dan menemukan informasi yang mereka butuhkan dengan mudah.

 Dengan menggunakan daftar isi, pembaca dapat dengan cepat melihat bagian mana dari postingan yang ingin mereka baca, dan dengan demikian dapat membantu meningkatkan pengalaman pengguna di blog Anda. Daftar isi pada postingan di Blogger dapat dibuat secara manual dengan menambahkan daftar judul dan hyperlink ke bagian postingan yang relevan, atau dapat dibuat secara otomatis menggunakan fitur daftar isi otomatis yang disediakan oleh platform Blogger.

Manfaat Daftar Isi Blog

Manfaat daftar isi blog adalah sebagai berikut:

1. Meningkatkan keterbacaan: Dengan adanya daftar isi pada blog, pembaca akan lebih mudah memahami isi blog Anda dan membaca dengan lebih efektif.
2. Meningkatkan pengalaman pengguna: Daftar isi dapat membantu pengunjung blog untuk menemukan informasi yang mereka butuhkan dengan lebih cepat dan efisien, sehingga dapat meningkatkan pengalaman pengguna di blog Anda.
3. Meningkatkan navigasi: Daftar isi dapat membantu pengunjung blog untuk menavigasi dan menemukan informasi yang mereka cari dengan lebih mudah dan cepat, sehingga dapat meningkatkan interaksi dengan blog Anda.
4. Mempermudah pencarian: Dengan adanya daftar isi pada blog, pengunjung blog dapat dengan mudah mencari informasi tertentu yang mereka butuhkan, tanpa harus membaca keseluruhan isi blog.
5. Meningkatkan SEO: Daftar isi pada blog dapat membantu mesin pencari seperti Google untuk memahami struktur dan topik yang dibahas dalam postingan, sehingga dapat meningkatkan peringkat SEO blog Anda.

Dengan adanya daftar isi pada blog, Anda dapat membantu pengunjung blog Anda untuk menavigasi konten blog Anda dengan lebih mudah dan cepat, serta meningkatkan interaksi dan pengalaman pengguna di blog Anda.

Cara Memasang Daftar isi pada postingan di Blogger

Untuk memasang daftar isi pada postingan di Blogger, ikuti langkah-langkah berikut:

• Buat postingan baru atau buka postingan yang sudah ada untuk diedit.
• Pada editor postingan, pilih tempat di mana Anda ingin menambahkan daftar isi. Biasanya, tempat yang paling sesuai untuk meletakkan daftar isi adalah setelah pengantar atau gambar pada awal postingan.
• Setelah menentukan posisi, klik pada ikon "HTML" di editor postingan. Ini akan membuka editor kode HTML postingan.
• Setelah itu, tambahkan kode HTML berikut tepat di bawah pengantar atau gambar awal postingan:

<b>Daftar Isi</b>
<ol>
<li><a href="#judul1">Judul Bagian Pertama</a></li>
<li><a href="#judul2">Judul Bagian Kedua</a></li>
<li><a href="#judul3">Judul Bagian Ketiga</a></li>
</ol>

• Catatan: Kode HTML di atas hanya contoh. Anda harus menggantinya dengan daftar judul yang sesuai dengan postingan Anda. Pastikan juga untuk mengganti "#judul1", "#judul2", dan "#judul3" dengan ID sebenarnya dari masing-masing judul di postingan Anda.
• Setelah menambahkan daftar isi, klik kembali ke tampilan "Komposisi" dari editor postingan.
• Simpan postingan Anda, dan daftar isi sekarang akan muncul di postingan Anda.

Sekarang, pengunjung akan dapat dengan mudah menavigasi konten postingan Anda menggunakan daftar isi yang telah Anda tambahkan.

Cara Memasang Daftar isi otomatis pada postingan di Blogger

Untuk memasang daftar isi otomatis pada postingan di Blogger, ikuti langkah-langkah berikut:

• Buka dashboard Blogger dan pilih blog yang ingin Anda atur.
• Pilih menu "Setelan" dan pilih "Preferensi Penulisan".
• Cari opsi "Tampilkan daftar isi pada postingan" dan aktifkan opsi tersebut.
• Pilih jenis daftar isi yang ingin Anda gunakan (misalnya, daftar isi dengan nomor atau daftar isi dengan bullet).
• Pilih bagian "Penempatan daftar isi" dan tentukan posisi daftar isi pada postingan Anda.
• Jika Anda ingin menyesuaikan tampilan daftar isi, pilih "Template" dari menu dan klik pada "Edit HTML".
• Cari kode <data:post.body/> di dalam kode template HTML dan letakkan kode berikut tepat di atasnya:

<b>Daftar Isi</b>
<div id='TableOfContents'>
<script type='text/javascript'>
var toc=document.getElementById(&quot;TableOfContents&quot;);
if(toc.innerHTML.replace(/&lt;[^&gt;]+&gt;/g,&#39;&#39;).replace(/&amp;nbsp;/g,&#39;&#39;).length==0)
{
toc.style.display=&quot;none&quot;;
}
</script>
</div>

Catatan: Kode HTML di atas akan menampilkan daftar isi otomatis dengan nomor. Jika Anda ingin menggunakan jenis daftar isi lain, Anda dapat menyesuaikan kode HTML-nya.
• Simpan perubahan Anda dan coba buat postingan baru. Anda akan melihat daftar isi yang otomatis muncul pada postingan Anda.

Dengan menggunakan fitur daftar isi otomatis pada Blogger, Anda dapat menghemat waktu dan membuat postingan Anda lebih mudah dinavigasi oleh pengunjung blog Anda.