Cara Membuat Daftar Isi Di Postingan Blogger

Cara Membuat Daftar Isi Di Artikel Blogger - Daftar isi atau sering disebut sebagai table of content pada postingan blog saat ini sangat banyak digunakan oleh blog - blog yang memiliki reputasi yang bagus.

Terkadang banyak orang dan teman - teman blogger yang menyalah artikan daftar isi ini pada postingan blogger dengan daftar isi sebuah website atau sering disebut dengan Peta Situs atau site map. Ini terbukti dari ketika kita melakukan pencarian di google dengan keyword cara membuat daftar isi di blogger maka yang kluar adalah yang berhubungan dengan site map.

Cara Membuat Daftar Isi Di Postingan Blogger

Secara mendasar perbedaan antara daftar isi postingan blog dengan site map adalah Daftar isi pada postingan blog merupakan sebuah daftar link yang (umumnya) ditempatkan di bagian awal postingan yang mengarah ke bagian-bagian atau poin pembahasan tertentu. Untuk contoh, lihat daftar isi dibagian atas postingan tersebut, sementara Site map adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website.

Apa Itu Daftar Isi ?

Daftar isi adalah urutan judul pada tiap bab beserta halaman yang terdapat pada sebuah buku atau penulisan. Namun saat ini daftar isi sudah diterapkan juga pada media digital seperti BSE, dan juga Website.

Daftar isi pada postingan blog merupakan daftar link yang (umumnya) ditempatkan di bagian awal postingan yang mengarah ke bagian-bagian atau poin pembahasan tertentu. Silahkan anda perhatikan daftar isi pada postingan saya ini, pada bagian daftar isi tersebut jika anda klik maka akan mengarah ke salah satu entri judul yang berhubungan dengan daftar isi tersebut.

Apa Manfaat Daftar Isi ?

Fungsi daftar isi sendiri yaitu untuk memudahkan kita mencari judul penulisan secara cepat tanpa harus mencari satu persatu. Selain akan memudahkan pembaca dalam menjelajahi dan memahami poin-poin dalam postingan, pembuatan daftar isi pada postingan juga akan meningkatkan daya tarik awal kepada pembaca.

Pembuatan daftar isi ini juga akan memungkinkan postingan tampil lebih menarik di hasil penelusuran mesin pencari. Untuk beberapa kasus, mesin pencari google akan menampilkan daftar isi ini pada hasil pencarian. Hal ini secara bersamaan akan membuat postingan anda terlihat lebih menarik dan profesional.

Jadi memang sudah selayaknya dan tidak ada salahnya anda bisa mencoba membuat daftar isi pada postingan website anda.

Selain manfaat diatas, secara ilmiah ketika anda membuat postingan dengan daftar isi tentunya anda harus memikirkan kerangkanya terlebih dahulu, sehingga secara otomatis akan menghasilkan sebuah artikel yang mengandung unsur SEO yang sangat bagus tanpa harus repot melakukan riset dan lain sebagainya.

Baca juga:

Bagaimana Cara Membuat Daftar Isi Pada Postingan Blog ?

Karena Website atau blog juga tidak bisa terlepas dengan tulisan sebagaimana yang terdapat dalam buku - buku biasa, memang sudah selayaknya dalam sebuah postingan di blog kita membuatkan daftar isi untuk memudahkan pengunjung dalam menemukan inti dari permasalahan yang mereka cari dalam sebuah artikel atau postingan. Langsung saja berikut ini tutorial singkat cara membuat daftar isi responsif pada postingan blog.

1. Seperti biasa silahkan anda masuk ke dashbord Blogger anda

2. Selanjutnya silahkan anda buat sebuah postingan atau entri baru

3. Setelah anda membuat judul, selanjutnya buat lagi beberapa judul yang berhubungan dengan topik anda. Misalanya apabila anda membahas tentang pertanian, buatlah beberapa judul pada artikel yang berhubungan dengan pertanian, misalnya: Pengertian pertanian, jenis pertanian, manfaat pertanian dan seterusnya.

4. Pada setiap judul silahkan anda isi beberapa kaliamat penjelasannya dahulu.

5. Selanjutnya silahkan anda klik HTML, perhatikan judul yang anda buat tad. Seperti judul yang saya buat pertama pada HTML yaitu <h2>Apa Itu Daftar Isi</h2>. Itu adalah kode yang akan saya ambil sebagai ID dalam daftar isi. Perhatikan gambar yang saya blok berikut:

6. Selanjutnya silahkan anda copy kode berikut ini, dan letakkan pada HTML dibagian atas, atau setelah satu paragraf dimana nantinya anda meletakkan daftar isi tersebut

<h3>Daftar Isi</h3>
<div>
<ul>
<li><a href="#judul1">Judul 1</a></li>
<li><a href="#judul2">Judul 2</a></li>
</ul>
</div>

7. Keterangan:

Ganti judul1 (blok warna biru) dengan kode ID judul postingan anda yang pertama. Contoh <h2>Apa Itu Daftar Isi</h2>, atau untuk lebih jelas perhatikan gambar No 5 yang saya blok tersebut.
Ganti Judul 1 dengan judul daftar isi yang mau anda tampilkan. Contoh Apa Itu Daftar Isi

8. Setelah dirubah maka kode scriptnya akan menjadi seperti berikut ini

<li><a href="#<h2>Apa Itu Daftar Isi</h2>">Apa Itu Daftar Isi</a></li>

9. Untuk menambah dan mengurangi daftar isi anda tinggal tambahkan atau hapus kode script diatas
10. Sekarang silahkan anda lihat hasilnya. Demonya seperti daftar isi pada postingan saya kali ini.

Kesimpulan

Daftar isi atau sering disebut sebagai table of content merupakan sebuah daftar link yang (umumnya) ditempatkan di bagian awal postingan yang mengarah ke bagian-bagian atau poin pembahasan tertentu.

Dengan adanya daftar isi tersebut tentunya postingan yang kita buat akan kelihatan menjadi lebih profesional dan sekaligus memudahkan pengunjung dalam menemukan apa yang mereka mau berdasarkan topik yang kita sediakan.

Untuk jenis daftar isi diatas merupakan cara membuat daftar isi dalam artikel blog yang paling mudah, namun memang tampilannya juga simple, ada juga yang bisa di hidden, namun itu lebih menggunakan javascript yang mungkin akan saya jelaskan pada lain kesempatan.

Penutup: Demikian ulasan singkat saya tentang Cara Membuat Daftar Isi Di Postingan Blogger yang bisa saya bagikan pada kesempatan kali ini, semoga bisa bermanfaat dan salam sukses untuk teman - teman blogger.

🌐 Baca Juga

⚠ Ikuti Kami di Blogger dan Google News Dan Dapatkan 1 Buah Smartphone dari Sponsor jika Beruntung‼

Mr.Surya

TEACHER | BLOGGER | CONTEN WRITER