Home Blogger Template Cara Membuat Daftar Isi Postingan Blogspot dan WordPress

Cara Membuat Daftar Isi Postingan Blogspot dan WordPress

51
0
SHARE
Daftar isi postingan wordpress dan blogger

Karena Blogspot tidak support install plug in biar adil maka Cara Membuat Daftar Isi Postingan Blogspot dan WordPress kali ini akan kita lakukan manual tanpa plug-in. Cara membuat daftar isi dengan sedikit teknik coding HTML biasa, berlaku untuk blogspot dan wordpress tanpa membeda bedakan tidak pake ribet.

Daftar isi biasanya diperlukan untuk artikel yang panjangnya 1000 kata lebih jadi agar lebih memudahkan pembaca mengakses blog/web sobat semua maka kita sediakan daftar isi postingan.

Membuat Daftar Isi Post Manual

  1. Kalimat pembuka
  2. kalimat penjelasan
  3. kalimat penutup

Oke sekarang kita test pertama anda membuat postingan dengan paragraf pembuka, persis dibawah paragraf pembuka kita buatkan daftar isi postingan.

BACA JUGA: 10 Cara Meningkatkan Klik Iklan Adsense Secara Syah dan Aman
Setelah daftar isi, kebawah memanjang isinya H2 dan H3 masing masing Sub judul H2 memiliki paragraf sehingga postingan atau artikel anda memiliki 1000 karakter kita contoh kan saja 1000 karakter dulu.

daftar isi postingan blogspot dan wordpress
daftar isi postingan blogspot dan wordpress

Disini saya membuat daftar isi terdiri dari tiga BAB, pembuka, penjelasan dan penutup. Jika di klik daftar isi maka auto scroll kebawah mencari Bab Pembuka.

Hal ini berlaku untuk blogspot dan WordPress tanpa pilih kasih, anda bisa terapkan tutorial ini dijamin work.

Sekarang kita buat tag H2 dengan nama Kaliamt Pembuka

Kalimat Pembuka Untuk Daftar Isi

h2 untuk link daftar isi postingan
h2 untuk link daftar isi postingan

Pada tag h2 kalimat pembuka ini anda bisa jelaskan bagaimana mengapa dan untuk apa secara ringkas dan singkat pada jelas. Wajib pakai tag H2 agar bisa nge link dari daftar isi nantinya.

Kalimat Penjelasan Di Daftar Isi

Lakukan hal yang sama isi H2 kalimat penjelasan untuk menajamkan isi postingan anda terserah mau gimana yang penting bisa dibaca dan mudah dimengerti.

Tambahkan tag H3

Sebagai contoh tag h3 bebas mau anda isi berapa H3 nya tergantung kebutuhan

Sertakan Kalimat Penutup

Untuk penutup buatkan semacam kesimpulan, closing dari isi informasi yang anda sampaikan agar poin-poin yang bisa di ambil dari informasi tersampaikan ke pembaca.

Sekarang coba anda test dari tiga daftar isi di atas pasti link ke masing masing tag H2 bukan?

Step by step membuat daftar isi postingan Blogspot dan WordPress, nah bagaimana cara mebuatnya, agar daftar isi nge-link dan memudahkan pembaca kita. Berikut cara nya:

rubah tampilan postingan ke text atau html
rubah tampilan postingan ke text atau html

Cara menautkan secara manual untuk H1,H2,H3,H4 sama aja tingal kasi ID trus link kan dengan a href

tampilan tex manual koding
ganti tampilan post > tampilan tex manual koding
koding manual link dari daftar isi ke H2 postingan
koding manual link dari daftar isi ke H2 postingan

Hasil Daftar Isi Postingan Manual

<ol>
<li><a href="#kampret1">Kalimat pembuka</a></li>
<li><a href="#kampret2">kalimat penjelasan</a></li>
<li><a href="#kampret3">kalimat penutup</a></li>
</ol>

Tujuan atau target Link

<h2 id="kampret1">Kalimat pembuka </h2
<h2 id="kampret2">Kalimat penjelasan </h2
<h2 id="kampret3">Kalimat penutup </h2

Hasil Akhir membuat daftar isi pada postingan blogspot dan WP

Hasil akhir daftar isi pada postingan
Hasil akhir daftar isi pada postingan bisa anda lihat seperti ss ini

Link dari daftar isi a href kita kasi ID, sehingga menghubungkan ke ID tag H2 kampret1 linked ke H2 kampret1. Sekian yang dapat disampaikan semoga bermanfaat dan berfaedah dalam membuat daftar isi blog lebih mudah tanpa plug ini.

Daftar isi Postingan WordPress Dengan Plugin

Kelebihan wordpress salah satunya bisa di integrasikan dengan berbagai jenis plug ini dalam hal ini membuat daftar isi otomatis dengan plug in tanpa koding manual.

Langkah-langkah install plug in daftar isi

Download terlebih dahulu plugin table of content

Upload ke Cpanel melalui file manager dan klik kanan file zip lalu extrak file nya, berikut petunjuk nya

install plug in daftar isi wordpress
upload plug in daftar isi wordpress

Plugin pada menu WP Admin silahkan aktifkan > Table of Content Plus

aktifkan plug in table of content
aktifkan plug in table of content

Didalam WP-Admin menu Plug in akan muncul plug in table of content plus yang kita upload tadi > aktifkan

Setting toc
Setting toc > centang kolom hijau untuk otomatis, ilangkan centang untuk manual

Selanjutnya Masuk ke admin WP-Admin > Menu Setting > TOC untuk setting pengaturan mulai dari layout, warna dll.

Cara Setting Plug-in Otomatis dan Manual

Bagaimana cara biar daftar isi tidak duplikat, karena postingan sebelumnya sudah di setting daftar isi manual, kan kalau buat yang otomatis pake plugin khusus nya WordPress bisa double.

Untuk menghindari double daftar isi postingan kalian setting dengan cara berikut;

Masuk ke menu setting [TOC+]

Setting toc uncentang
Setting toc uncentang

Auto insert for the following content types > Hilangkan Centang nya, saat centang dihilangkan plug in tidak akan menampilkan daftar isi kecuali hanya kita panggil saja baru namipil, lihat gambar diatas

Disni saya akan panggil plugin otomatis tadi dengan kode TOC didalam postingan yang saya kehendaki ada daftar isi post nya.

saya tarok kode toc seetelah paragraf pertama
saya tarok kode toc setelah paragraf pertama

Bisa anda lihat contoh gambar diatas, kode TOC saya letakkan setelah paragraf pertama, jadi otomatis daftar isi akan tampil setelah paragraf 1.

Save, Done!

Kesimpulan

Demikian cara membuat daftar isi pada postingan blogspot dan wordpress silahkan terapkan sesuai platform anda. Artikel ini bebas di share ke teman anda yang membutuhkan, jika mau ditulis ulang silahkan sertakan link sumber oke gaes.

Follow IG:kampret.news

LEAVE A REPLY

Please enter your comment!
Please enter your name here