Cara Memasang Daftar Isi di Dalam Postingan Blog

Daftar Isi:

1. Pengertian Daftar Isi
2. Manfaat Daftar Isi Postingan
3. Cara Pasang Daftr isi Postingan
4. Info Penting!

Cara Membuat Daftar Isi di Dalam Postingan Blog

atomabar | Halo teman-teman Blogger! Apakah kalian sendang mencari cara memasang Daftar isi di dalam artikel yang kalian posting? Kali ini tim automabar akan memabahas tentang cara memasang daftar isi dalam postingan blog. Ternyata caranya cukup simple, kita tidak perlu menambah css atau widget di template dan tataletak. Karena kita hanya cukup menggunakan code heading pada postingan. Silahkan simak ulasan berikut ini.

Pengertian Daftar Isi Postingan?

Perlu teman-teman ketahui bahwa Daftar isi Postingan merupakan daftar link yang ditempatkan pada bagian awal artikel yang mengarah ke bagian poin pembahasan. Tujuan dari adanya daftar isi postingan ini, yaitu untuk memudahkan pembaca dalam mencari poin-poin yang ingin di baca, tanpa harus banyak menscrol halaman. Hal tersebut, juga bisa meningkatkan daya tarik pembaca.

Dengan adanya daftar isi ini, selain membrikan manfaat dan kemudahan untuk pembaca, manfaat lain yang bisa didapat yaitu, google akan menampilkan daftar isi ini pada hasil pencarian. Tentu hal tersebut akan terlihat lebih profesional dan menarik di mesin pencarian google.

Manfaat Daftar Isi Postingan?

• Memudahkan pembaca dalam menjelajahi poin-poin pembahasan
• Membuat tampilan blog lebih menarik
• Menambah kepuasan pembaca
• Lebih disukai google
• google akan menampilkan daftar isi postingan tersebut di hasil pencarian
• Lebih menarik dan Profesional
• Lebih rinci
• Pembahasan lebih terarah

Cara memasang Daftar Isi di dalam Postingan

Kita perlu Mengarahkan Setiap Poin Pembahasan dengan tag heading h2. Kalian bisa pakai Script-script berikut.

Langkah 1: Memberikan ID unik pada Setiap Judul Pembahasan

<h2 id='daftarisi-1'> Judul Pembahasan 1</h2>

Contoh:

Catatan: Yang penting dalam pemasangan ID ini adalah harus bersifat unik. Maksudnya, setiap ID harus berbeda dengan ID yang lain. Misalnya: daftarisi-1, daftarisi-2, dan seterusnya.

Pemberian ID ini tidak hanya berlaku pda tag h2 saja. Tapi juga bisa diberikan ID pada semua tag HTML, seperti div, img dan sebagainya.

Langkah 2: Membuat Link yang Mengarah pada Judul Pembahasan ID tertentu

Setelah semua judul pembahasa memiliki ID unik, selanjutnya kita membuat Daftar isi nya. 

kalian bisa meletakan daftar isi (link) tersebut di bagian atas postingan (atau dimanapun sesuai selera). Kalian bisa mendefeinisikan daftar isi dengan menggunakan elemen ol atau ul

<ol>
<li><a href='#daftarisi-1'>Judul  Pembahasan 1</a></li>
<li><a href='#daftarisi-2'>Judul  Pembahasan 2 </a></li>
<li><a href='#daftarisi-3'>Judul  Pembahasan 2</a></li>
</ol>

Catatan: letakan kode diatas pada mode HTML, Sesuai kan teks dengan judul yang dibahas.

kurang lebih susunannya seperti ini:

Info Penting!

Ketika HTML daftar isi selesai dibuat di mode HTML, Jika kalian beralih ke mode compose, Maka sistem blogger akan secara otomatis menambahkan path URL baru yang awalnya URL link hanya berupa #namaid akan berubah menjadi url-dashboard#namaid.

Contoh:
yang awalnya di bagian HTML tampilannya seperti ini:
<li><a href='#daftarisi-1'>Judul Pembahasan 1</a></li>

Setelah di setel ke mode Compose, akan berubah seperti ini:

<li><a href='https://www.blogger.com/blogger.g?blogID=123123123123123#namaid'>Judul Pembahasan 1</a></li>

Maka dari itu. pembuatan daftar isi, dilakukan pada tahap akhir, setelah kalian mempublikasikan postingan. Dan pastikan kamu mempublikasikan postingan tersebut pada mode HTML.

Terimakasih demikian informasi tentang cara Memasang Daftar sisi di dalam postingan blog. Jika kalian masih bingung, silahkan tanya-tanya lewat kolom komentar bawah postingan ini. 

Terimakasih :)

Automabar

Hello! We are AutoMabar Team. we're ready to share all about tutorial what you need. Especially about Blogging, Game and Application

Share this post