CARA MEMBUAT DAFTAR ISI PADA POSTINGAN BLOG

Mungkin kita sering menemukan daftar isi dalam sebuah buku, fungsinya sangat besar yaitu kita dengan mudah menemukan halaman berapa judul tulisan yang ingin kita cari.

Daftar isi:

1. Pengertian Daftar Isi
2. Cara Pembuatan Daftar Isi
3. Pembuatan Teks to Display
4. Pembuatan Tujuan

Apakah daftar isi dalam postingan blog sama dengan daftar isi pada buku. Berikut penjelasannya.

1.Pengertian Daftar Isi

DAFTAR ISI

Daftar isi adalah bagian judul-judul penting dalam sebuah artikel atau postingan.

Kapan daftar isi penting untuk dibuat? Yaitu ketika tulisan kita terlalu panjang kebawah, sehingga susah untuk scroll kebawah dan memakan waktu jika di scroll manual. Sehingga membuat pembaca kita kesulitan dalam membaca tulisan kita.

Dengan membuat daftar isi, tulisan kita juga akan terlihat keren, jadi walaupun tulisan kita tidak terlalu panjang, sebaiknya juga menggunakan daftar isi. Agar postingan kita terlihat lebih maju atau modern dari postingan-postingan orang lain yang tidak menggunakan daftar isi. Berikut cara pembuatannya.

2.Cara Pembuatan Daftar Isi

Mungkin kita sudah pernah membuat Link pada postingan blog, ada sedikit perbedaan antara daftar isi dengan link yang biasa kita buat di postingan.

Jika Link mengarah ke url yang lain, tapi untuk daftar isi mengarah ke url yang sama hanya berbeda letaknya, di atas postingan, di tengah atau di akhir postingan.

Sama seperti pembuatan link, ada 2 hal yang akan kita buat, yang pertama adalah teks to display nya, dan yang kedua adalah tujuan daftar isi tersebut.

a.Pembuatan Teks to Display

Perlu diingat bahwa untuk pembuatan daftar isi lakukan pada langkah terakhir di mode HTML dan langsung publikasikan tanpa berpindah ke mode compose lagi.

PERLU DI INGAT

Jika tidak kita lakukan di akhir maka akan terjadi kegagalan sehingga daftar isi tidak mengarah ke tempat yang kita inginkan.

Untuk kode HTML Teks to display nya adalah:

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

Letakkan ini pada bagian paling atas, atau setelah paragraf pertama, karena ini adalah teks to display daftar isinya. Text kita ganti dengan judul-judul besar dalam postingan kita.

b.Pembuatan Tujuan

Kode untuk Tujuan daftar isinya adalah:

<h2 id='daftarisi-1'>Text</h2>

Tag h2 ini kita sisipkan pada judul-judul besar postingan kita.

Untuk lebih memahami penempatannya lihat gambar berikut:

Jika kita melakukan semua langkah-langkahnya dengan benar maka pembuatan daftar isi akan berhasil. Seperti daftar isi yang ada di postingan ini.

Selamat mencoba, Terimakasih sudah berkunjung ke blog ini.

###SEMOGA BERMAMFAAT###

Bagikan Artikel ini