Cara Membuat Table Of Content Di Blogger (TOC Otomatis)

Cara Membuat Table Of Content Di Blogger (TOC Otomatis) – oke sahabat setia syarifsoden pada artikel ini saya akan berbagi cara membuat table of content (TOC) secara otomatis di Blogger. Jika kita menggunakan Wordpress untuk membuat daftar isi dari konten di blog sangatlah mudah karena ada bantuan plugin yang bisa membuat TOC secara otomatis. Scipt Table of Content ini bisa digunakan di template blogger viomagz juga loh sobat.

Pengertian Table Of Content (TOC)

Table of content adalah berupa daftar isi poin-poin dari konten artikel yang kita buat di Blog atau website, yang biasanya mengikuti heading tag yang kita buat di tulisan halaman tersebut.

Jika mengklik dari salah satu daftar isi nantinya akan dibawa langsung ke bagian penjelasan yang ingin dibaca. Jadi tidak perlu harus membaca artikel dari awal sampai akhir, jika artikel yang kita buat terlalu panjang misal dengan 3000 kata tapi tanpa TOC maka akan membuat pengunjung jenuh dan bisa-bisa pindah ke blog lain yang bisa memudahkannya. 

Cara Membuat Table Of Content Di Blogger (TOC Otomatis)

Untuk membuat table of content atau daftar isi di blogger ini kalian perlu memasang beberapa kode dibawah ini kedalam blog kalian

Pertama masuk ke akun Blogger, lalu pilih menu Tema > Setelah itu klik Edit HTML

Copy semua kode di bawah ini, dan letakkan di Atas </head> 

Selanjutnya tambahkan kode di bawah ini agar TOC bisa tampil secara otomatis di postingan blog kita

Pilihan Tampilan Table of Content

Ada 2 jenis tampilan TOC, yang pertama dari TOC tertutup jika ingin melihat TOC harus klik buka dan tampilan kedua adalah sebaliknya, sudah tampil dari awal kita buka halaman blog. Silakan dipilih sesuai selera

1. TOC Tampilan Tertutup

Cari kode <data:post.body/> kemudian ganti dengan kode di bawah ini :

Terdapat beberapa (2 atau 3) kode <data:post.body/> di dalam HTML Tema Blogspot, jadi silahkan ganti semua.

Biasanya yang saya gunakan hanya di salah satunya sudah bisa bekerja, jika tidak muncul di <data:post.body/> yang pertama maka ganti di kode yang kedua atau ketiga. Silakan dicoba-coba ;)

2. TOC Tampilan Terbuka

Caranya sama dengan tampilan pertama yaitu Cari kode <data:post.body/> kemudian ganti dengan kode di bawah ini :

Penutup

Berikut adalah Cara Membuat Table Of Content Di Blogger (TOC Otomatis), yang bisa memberikan nilai tambah di halaman blog yang kita miliki, tidak hanya untuk memudahkan pengguna dalam mencari konten yang mereka inginkan, namun URL Permalinknya juga lebih SEO Friendly. 

TOC yang kita buat ini juga lebih ringan karena tidak perlu membutuhkan jQuery, tanpa Google Fonts dan tanpa font awesome, sehingga tidak membuat kecepatan loading jadi berat. Silakan diterapkan dan jangan lupa untuk share artikel ini supaya bisa bermanfaat ke banyak orang. Terimakasih. 

Sumber Referensi : https://bibit.ws/toc-di-blogspot.php

Berbagi :