Cara Membuat TOC (table of content) di Blogspot

Berikut adalah cara membuat TOC atau Table of Content pada postingan blog.

Silahkan copy code berikut ini pada setiap artikel yang ingin diberikan tocnya. 

<div class="ez-toc-v2_0_16 counter-hierarchy counter-decimal ez-toc-light-blue" id="ez-toc-container">

<div class="ez-toc-title-container">

<p class="ez-toc-title"><br /></p>

  <p class="ez-toc-title">Daftar Isi</p></div>

  <nav><ul class="ez-toc-list ez-toc-list-level-1">

<li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-2" href="#Doa_Sebelum_Tidur" title="Doa Sebelum Tidur">Doa Sebelum Tidur</a></li>

    <li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-3" href="#Doa_Bangun_Tidur" title="Doa Bangun Tidur">Doa Bangun Tidur</a></li>

   </ul></nav></div>

Ganti teks warna biru menjadi sub heading pada artikel anda. Jangan lupa untuk mengganti spasi menjadi undescore.

Sedangkan untuk warna merah, silahkan ganti dengan sub heading pada artikel blog anda. 

Untuk Sub heading silahkan tambahkan kode berikut ini dan letakkan setelah kode <h2>. untuk teks berwarna biru sesuaikan dengan kode yang di atas tanpa menuliskan tanda #

<span class="ez-toc-section" id="Doa_Sebelum_Tidur"></span>

Berikut contoh hasilnya

Daftar Isi

• Doa Sebelum Tidur
• Doa Bangun Tidur

Doa Sebelum tidur

Doa Bangun Tidur