Home Blogger

Membuat daftar isi di blogger tanpa mengedit html template blog



 Bagi yang saat ini mencari cara membuat daftar isi tanpa edit tema html di blogger, kalian berada di tempat yang tepat. Sebenarnya banyak sekali cara membuat daftar isi di blogger yang tersebar di google, hanya saja kebanyakan harus menambahkan script baru ke tema blogger yang kita miliki. Karena banyak dari sekian orang yang bingung apalagi awam soal kode html dan css, maka disini saya membuat cara yang lebih simple nya. nanti juga akan dibahas mengenai kekurangan dan kelebihan antara cara yang saya berikan dengan cara yang sudah ada. Oiya, bagi yang penasaran dengan hasilnya, ini saya terapkan juga di postingan ini.

Membuat daftar isi di postingan blogger

Pertama kalian salin kode yang ada di bawah ini :

<div id='daftar-isi' style='background-color:#ffeaa7; padding-left:10px; padding-top:15px;     padding-bottom:5px; border-radius:20px'>
    <h6>Daftar Isi :</h6><br>
        <ol style="text-align: left; padding-left:12px; font-size:15px;">
              <li><a href='#' style='color:black;'>Daftar 1</a></li>
              <li><a href='#' style='color:black;'>Daftar 1</a></li>
              <li><a href='#' style='color:black;'>Daftar 1</a></li>
              <li><a href='#' style='color:black;'>Daftar 1</a></li>
        </ol>
</div>

Setelah menyalin kode, kalian bisa langsung menerapkan kode tersebut di setiap postingan pada blog. caranya, masuk ke blogger, buat postingan baru, dan mulai menulis. cari dimana kalian akan menempatkan posisi daftar isi, lalu tandai dengan teks supaya lebih enak dibaca.

perlu di ingat! pertama, bahwa daftar isi harus di terapkan ketika kalian sudah menyelesaikan semua tulisan pada postingan. alasanya supaya tidak ribet aja.
kedua, membuat subjudul disetiap poin pembahasan. karena nanti setiap subjudul yang kita buat akan kita masukan ke daftar isi. jika bingung bisa lihat gambar di bawah ini.


Setelah dirasa sudah beres, kita masukan kode daftar isi tadi ke postingan. caranya klik ikon pensil di sebelah kiri, lalu pilih tampilan html. maka akan terlihat seperti ini.


Walaupun terlihat acak acakan, disini kita hanya perlu mencari penanda yang telah kita buat sebelumnya. setelah ketemu, hapus penanda itu lalu paste atau tempelkan kode daftar isi yang telah disalin di awal. 


Setelah ditempel, maka penampakan kode akan terlihat seperti ini. kalian bisa ganti kalimat daftar 1 dengan subjudul yang telah dibuat.
langkah terakhir adalah membuat id disetiap sub judul, lalu di tautkan pada script daftar isi.
lihat gambar.




lakukan hal tersebut untuk semua subjudul yang terdapat pada postingan kalian. dan setelah itu tinggal publikasikan postingan.

Kekurangan dan Kelebihan

Kekurangan dari cara ini, daftar isi yang dibuat tidak bisa disembunyikan. biasanya daftar isi pada sebuah postingan dapat disembunyikan mauapun ditampilkan, sementara dengan cara ini tidak. Untuk tampilan juga sangat biasa saja, berbeda dengan jika kita memasukan script ke tema blogger, biasanya tampilanya lebih menarik.

Untuk kelebihanya, seperti pada judul, kita tidak perlu mengotak atik tampilan html template blogger kita. Tapi untuk saran, jika sudah terbiasa menggunakan kode html dan css, lebih baik menggunakan cara yang menambahkan script ke kode template kita, karena itu merupakan cara yang terbaik menurut saya.

Penutup

Mungkin itulah cara yang bisa saya berikan, semoga tulisan saya ini bisa membantu untuk kalian semua. mohon maaf bisa ada salah kata dan sampai jumpa.

Komentar