Cara Membuat Daftar Isi (Table of Content) otomatis di Template LinkMagz

DAFTAR ISI:

Bang Feri Blog - Daftar Isi (Table of Content) otomatis merupakan salah satu fitur otomatis yang terdapat di template blogspot LinkMagz.

Nah, sesuai dengan judul artikel di atas kali ini saya akan berbagi tutorial cara membuat Daftar Isi (Table of Content) yang otomatis muncul dalam postingan blog jika memakai template LinkMagz buatan Mas Sugeng.

Penjelasan Singkat Tentang Table of Content Otomatis di Template LinkMagz

Nah, sebelum lanjut ke pembahasan inti, terlebih dahulu sobat perlu ketahui bahwa:

Fitur Daftar isi atau Table of Content (TOC) otomatis yang terdapat pada Template LinkMagz memang secara default tidak akan muncul ketika baru di upload ke Blog Blogger sobat.

Nah, table of content otomatis ini jika dipasang di postingan sobat, sobat tidak perlu repot-repot lagi untuk menulis list tag (daftar seperti kode HTML berikut:

<ol>
<b>DAFTAR ISI:</b>
<li><a href="#toc-0">TEKS DISINI</a></li>
<li><a href="#toc-1">TEKS DISINI</a></li>
<li><a href="#toc-2">TEKS DISINI</a></li>
<li><a href="#toc-3">TEKS DISINI</a></li>
</ol>

Serta menyertakan atribut id="toc-0 di setiap tag heading (h1, h2, h3, h4, h4 dan h6)

Melainkan hanya dengan menambahkan sedikit kode HTML yang pendek untuk membuat tabel of content otomatis di postingan sobat.

Cara Membuat Table of Content Otomatis di Template LinkMagz

Nah, sesuai dengan singgungan saya di atas bahwa, untuk membuat tabel of content otomatis di template LinkMagz, sobat hanya perlu menambahkan sedikit kode HTML kedalam postingan untuk membuatnya.

Oleh karena itu, silahkan sobat ikuti langkah-langkah cara membuat daftar isi (table of content) otomatis di template LinkMagz berikut ini:

• Login ke Blogger
• Edit salah satu postingan sobat dengan metode HTML
• Selanjutnya silahkan sobat salin kode HTML berikut ini lalu tempelkan di kolom dibagian konten (bebas) tapi, saran saya sebaiknya di awal-awal postingan.

  <aside id="toc">
  <b>Daftar Isi:</b>
  </aside>
  
  ...atau dengan kode berikut...
  
  <div id="toc">
  <b>Daftar Isi:</b>
  </div>
  

• Terakhir klik Simpan/Publikasikan

Nah sekarang di postingan tersebut sudah muncul fitur Tabel of Content Otomatis.

Perlu sobat ketahui bahwa, daftar isi yang akan muncul secara otomatis adalah daftar yang tersusun sesuai dengan susunan tag heading (h1,h2,h3,h4,h5,h6) yang terdapat di postingan tersebut.

Jadi pada table of content, daftar yang muncul pertama adalah tag heading pertama yang ada di dalam postingan Contohnya pada daftar isi di atas postingan ini.

Penutupan

Nah, seperti itulah tutorial cara membuat daftar isi (tabel of content) otomatis di template LinkMagz yang bisa saya sampaikan pada postingan kali ini.

Semoga bisa bermanfaat dan membantu sobat sekalian dan banyak lagi pengguna template LinkMagz Mas Sugeng.

Terima kasih, salam kreatif