Blog Tutorial: How to Create a Table of Contents in Blog Articles

The table of contents or often referred to as the table of content in blog posts is currently very widely used by bloggers who have blogs with a good reputation.

However, sometimes many people and blogger friends misinterpret this table of contents in blogger posts with a website's table of contents or often referred to as a sitemap. This is evident from when we do a search on google with the keyword how to create a table of contents on blogger, what comes out is related to the site map.

Basically, the difference between a blog post's table of contents and a site map is that a blog post's table of contents is a list of links (usually) placed at the beginning of the post that lead to certain sections or discussion points. For an example, see the table of contents at the top of the post, while the Sitemap is one of the tools for webmasters that makes it easier to introduce sitemaps on the website. 

What is a Table of Contents?

Table of contents is a sequence of titles in each chapter along with the pages contained in a book or writing. However, currently the table of contents has also been applied to digital media such as BSE, and also the Website.

The table of contents in blog posts is a list of links that are (generally) placed at the beginning of the post that lead to certain sections or discussion points. Please pay attention to the table of contents in my post, in the table of contents section if you click it will lead to one of the title entries related to the table of contents.

Benefits of Table of Contents ?

The function of the table of contents itself is to make it easier for us to find the title of the writing quickly without having to look for one by one. In addition to making it easier for readers to explore and understand the points in the post, creating a table of contents in the post will also increase the initial appeal to the reader.

Creating a table of contents will also allow posts to appear more attractive in search engine results. In some cases, the google search engine will display this table of contents in search results. This will simultaneously make your posts look more attractive and professional.

How to Create a Table of Contents in a Blog Post?

Because websites or blogs also cannot be separated from writing as contained in ordinary books, it is appropriate in a post on our blog to make a table of contents to make it easier for visitors to find the essence of the problem they are looking for in an article or post. Here's a quick tutorial on how to create a responsive table of contents for blog posts.

1. Go to your Blogger dashboard

2. Next, please create a new post or entry.

3. After you create a title, then make some more titles related to your topic. For example, if you discuss agriculture, make several titles for articles related to agriculture, for example: Definition of agriculture, types of agriculture, benefits of agriculture and so on.

4. In each title, please fill in a few sentences of explanation first.

5. Next, please click HTML, pay attention to the title you made. Like the title I made first in HTML, namely <h2>What is a Table of Contents</h2>. That is the code I will take as the ID in the table of contents. Take a look at the image I block below:

6. Next, please copy the following code, and place it in the HTML at the top, or after one paragraph where you will put the table of contents later. 

<h3>Table of Contents</h3>
<div>
 <ul>
  <li><a href="#title1">Title 1</a></li>
  <li><a href="#title2">Title 2</a></li>
  <li><a href="#title3">Title 3</a></li>
 </ul>
</div>

 

9. To add and reduce the table of contents, you just need to add or delete the script code above

10. Now please see the results. The demo is like the table of contents in my post this time.