Cara Membuat Fitur Daftar Isi di Blogger - Kirius Ilmu

Cara Membuat Fitur Daftar Isi di Blogger

Cara Membuat Fitur Daftar Isi di Blogger

Banyak fitur yang mungkin ingin ditambahkan oleh para blogger untuk memudahkan para pembacanya. Salah satu fitur tersebut adalah daftar isi. Dengan menambahkan daftar isi ke dalam kontennya, para blogger bisa mempermudah para pembaca untuk mendapatkan informasi yang mereka inginkan.

Dengan mengklik sub tema atau topik yang ada dalam daftar isi. Para pembaca bisa langsung melihat informasi yang mereka inginkan tanpa perlu membaca semua tulisan.

Lalu bagaimana cara membuat daftar isi tersebut

-------------------------------------------------------------------------

Buat target daftar isi menjadi heading

1

Ini dilakukan hanya untuk mempermudah pencarian dalam html yang nanti akan diganti.
Contoh : Lihat Gambar

Cari tulisan pada poin 1 di html (yang ada headingnya)

2

  1. Masuk ke dalam html
  2. Cari tulisan pada poin 1 (Gunakan ctrl + f untuk mempermudah)
  3. Untuk mengetahui tulisannya yang mana, lihat html awalnya apakah ada h1 atau h2,h3, h4, h5

Blok kemudian ubah dengan html di bawah

<h3 id='daftarisi-1'>Masukan Teks Tadi</h3>

h3 (bisa diubah) sesuai dengan heading yang diinginkan

h2 untuk judul 
h3 untuk subjudul
h4 untuk judul kecil
h5 untuk paragraf

Lakukan hal yang sama untuk subjudul lainnya tapi angka pada html nya ubah

Untuk sub judul 2 - <h3 id='daftarisi-2'>Teks</h3>

Untuk sub judul 3 - <h3 id='daftarisi-3'>Teks</h3>

Dan seterusnya

Pembuatan Daftar isi

3

1. Scroll ke atas (atau ke tempat yang ingin kamu buat daftar isi)
2. Salin dan Tempelkan html
<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>
3. Edit text sesuai dengan sub judul pada poin 3
4. Tambah daftar isi sesuai kebutuhan, jika ada 4 daftar isi maka  tinggal tambah <li><a href='#daftarisi-4'>Text</a></li> dan seterusnya

Catatan penting

Pastikan format daftar isi sudah benar sebelum beralih ke mode compose (tulisan) atau publikasi. Jika masuk ke mode compose html daftar isi akan berubah otomatis ketika kembali ke html lagi. Jika itu terjadi salin html lagi dan ubah text lagi



Please write your comments