Membuat Table Of Content

 

Table of contents yang nanti kita sebut TOC adalah sebuah daftar isi yang jika di klik mengarahkan pengenjung ke judul dan subjudul yang ada didalam artikel.

Layaknya navigasi menu, toc berfungsi untuk mempermudah pengunjung menemukan topik pembahasan yang mereka cari.

Karena begitu bermanfaatnya fitur tersebut, pada template dcodelite juga disematkan sistem toc.

Bagaimana cara membuatnya? Yuk ikuti langkah-langkah berikut.

• Silahkan buat sebuah postingan baru kemudian ubah ke mode tampil html.
  
• Kemudian dibagian atas silahkan buat kode tabel of contents seperti berikut
  

  <div class="dc-toc">
  <h2>Daftar Isi</h2>
  <ul>
  <li>
    <a href="#toc1">Judul pertama?</a>
    <ul>
     <li><a href="#toc1-1">Subjudul Pertama</a></li>
     <li><a href="#toc1-2">Subjudul Kedua</a></li>
    </ul>
  </li>
  <li><a href="#toc2">Judul Kedua</a></li>
  </ul>
  </div>

• Pada bagian head silahkan berikan id toc1,toc2 dan seterusnya.

Contoh kode lengkapnya,

<div class="dc-toc">
<h2>Daftar Isi</h2>
<ul>
<li>
  <a href="#toc1">Judul pertama?</a>
  <ul>
    <li><a href="#toc1-1">Subjudul Pertama</a></li>
    <li><a href="#toc1-2">Subjudul Kedua</a></li>
  </ul>
</li>
<li><a href="#toc2">Judul Kedua</a></li>
</ul>
</div>
<h2 id='toc1'>Ini judul pertama</h2>
<h3 id='toc1-1'>Ini subjudul pertama</h3>
<h3 id='toc1-2'>Ini subjudul kedua</h3>
<h2 id='toc2'>Ini judul kedua</h2>

Dan berikut hasilnya,

Daftar Isi

• Judul pertama
  • Subjudul Pertama
  • Subjudul Kedua
• Judul Kedua

Ini judul pertama

Ini subjudul pertama

Ini subjudul kedua

Ini judul kedua

Berikutnya kita akan coba bagaimana cara menghapus credit di footer dengan cara yang diijinkan.