Cara membuat daftar isi di dalam postingan blogger – Blog yang memiliki daftar isi di dalam postingan kebanyakan memang blog platform WordPress, karena untuk membautnaya pengguna tinggal install pluggin “table of content” yang disediakan gratis oleh pengembang.
Lalu bagaimana cara membuat daftar isi di dalam postingan blog Blogspot?
Blogspot atau blogger.com sendiri merupakan hsoting gratisan yang disediakan oleh Google tanpa batasan space.
Namun untuk menambahkan fitur di blog, penggua memang harus melakukan secara manual dengan cara otak-atik template sendiri.
Contohnya jika ingin membuat membuat daftar isi di dalam artikel, pengguna harus mebuat daftar isi di halaman scara manual.
Membuat daftar isi manual di postingan blog tidaklah sulit, tapi harus meluagkan waktu tambahan karena harus membuat satu persatu daftar isi setalah itu test link apakah sudah berkerja atau belum.
Daftar isi yang saya maksud di bahasan kali ini bukanlah daftar isi sitemap namun daftar isi berupa link anchor.
Cara kerja daftar isi link anchor yaitu: jika link daftar isi diklik, maka layar akan mengarah ke sub juduh dalam satu artikel secara otomatis.
Cotohnya seperti ini:
Langkah membuat daftar isi (TOC) di dalam artikel Blogger
Untuk membuat TOC (table of content) di blogger mamang tidak semudah pada blog WordPress namun kamu bisa menggunakan cara manual berikut ini:
1. Pertama buat artikel sperti biasa yang berisi sub heading. Usahakan artikel sudah benar-benar jadi karena saat ini membuat daftar isi hanya bisa dilakukan pada versi edit HTML.
2. Buat ID pada setiap sub heading. Masuk ke mode HTML kemudian buat id pada sub heading dengan format seperti ini:
<h2 id="HA">Sub Seading A</h2>
<h2 id="HB">Sub Heading B</h2>
<h2 id="HC">Sub Heding C</h2>
3. Buat list daftar isi. List daftar isi bisa ditempatkan pada awal, tengah maupun akhir paragraf seperti ini:
<p>Daftar isi</p>
<ul><li><a href="#HA">Sub heading A</a></li>
<li><a href="#HB">Sub heading B</a></li>
<li><a href="#HC">Sub heading C</a></li>
</ul>
Perhatikan pada setiap id. Id harus sama dengan list daftar isi.
Pada list daftar isi formatnya <a href=”#nama-id” sub heading </a> sedangkan pad sub judul formatnya <h2 id=”nama-id”> sub hading</h2>.
Format daftar isi di blogspot
Untuk percobaan, silahkan copas format daftar isi di bawah ini langsung ke halaman HTML bloger kamu kemudan publish.
<p>Daftar isi</p>
<ul><li><a href="#HA">Sub heading A</a></li>
<li><a href="#HB">Sub heading B</a></li>
<li><a href="#HC">Sub heading C</a></li>
</ul>
<h2 id="HA">Sub Seading A</h2>
Aetikel
<h2 id="HB">Sub Heading B</h2>
<p>Artikel</p>
<h2 id="HC">Sub Heding C</h2>
<p>Artikel</p>
Ganti h2 sesuai keperluan sperti h3, h4 dan seterusnya…
Penting: Setelah menambahkan kode daftar isi di mode HTML jangan pidah ke mode Compose karena secara otomatis link https otomatis mengisi daftar isi yang kita buat dan daftar isi yang kita buat tidak akan bekerja.
Fungsi daftar isi/link anchor di postingan blog
Untuk memudahkan pembaca
Fungsi pertaman yatu untuk memudahkan pembaca blog. Sebenarnya mebuat daftar isi blog postingan blog diutamakan ke blog yang memiliki artikel sangat banyak.
Tujuannya agar pengguna blog dapat menemukan point point bahasan dari setiap sub judul dengan sangat mudah.
Untuk blog yang memiliki artikel kurang dari 600 kata saya rasa daftar ini urang begitu penting.
Untuk menampilkan stucture Jump to Link di pencarian Google
Jump to link adalah salah satu sructure yang ditampilkan pada halaman pencaraian Googel.
Dengan membuat daftar isi (link anchor) di postingan, Googel akan menampilkan sub judul di pencarian mereka berdasaran kata kunci yang berhubungan.
Ini berkerja pada platfrom manapun baik blogger mauun WordPress, namun Google perlu waktu untuk mengindeks struktur tesebut.
Bagi pengguna blogger yang ingin belajar blog platform WordPress mulai dari nol secara gratis bisa belajar di eldya.com.
Kak kalau misalkan daftar isi tapi menuju ke post lain yang ada di blog(internal link apa bisa juga pakai cara diatas?) wah ribet juga ya harus pake HTML saya aga kudet sih pengen biar tulisam tbah rapi…
Kalau itu ada script otomaisnya mas, coba googleng saja.
Terima kasih
Mantaf.
Ada cafa otomatisnya tidak mas, biar tidak selalu bikin tag html daftar isi terus setiap akan bikin artikel ?
Tks
Makasih tutorialnya, saya berhasil bikin.
Tapi timbul pertanyaan lagi, bagaimana cara membuat daftar isinya bisa di hide /show seperti di artikel ini?
Kalau seperti di artikel ini sudah beda lagi mbak, blog ini kan pakai wordpress sementara tutorial di atas pakai platform blogspot
pake script ka, lain waktu saya share,,, termiakasih sudah mampir..