Popular UI Blogger Template Table of Content

Popular UI Blogger Template Table of Content

 

Table of Content

What is the table of contents?

A Table of Contents (TOC) is a list of the chapters, sections, or headings found in a document, book, or any written material. It provides a structured overview of the content and helps readers navigate through the material more easily. The table typically includes the page numbers or locations where each section starts. A Table of Contents is usually placed at the beginning of a document, allowing readers to quickly find specific information or jump to a particular section of interest. It serves as a roadmap for the content and enhances the overall organization and accessibility of the document.

Table of Content Code Here :

<div class="sufian_toc">
<div id="toc_wrap">
  <div class="toc_header">
    <div class="toc_title">
      Daftar Isi
    </div>
    <div class="show_hide_toc_button">
      <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path d="m6 9 6 6 6-6"></path>
      </svg>
      <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path d="m18 15-6-6-6 6"></path>
      </svg>
    </div>
  </div>
  <div id="toc_content"></div>
</div>
  </div>  

With JavaScript, automatically generate a Table of Contents for your post. This will work if your post includes h2 and h3 headings.

Use the HTML code below and paste it in a Blogger Post in HTML View mode.

If you want to report some bugs, you can write it in the comment section of the Report a bug page and if you want to request a new feature or give feedback, please write it in the comment section of the request and feedback page.

Go to Link