Table of Contents is the one of the most important SEO element in web article. In this web article we tutes "how to create simple basic table of Contents on Blogspot Website." its helps to navigate all topics in blogger web article and helps to increase your site SEO.
What is Table of Contents (TOC)?
A table of contents (TOC) is a structured list of headings, titles, chapters, or sections within a document, book, report, web page, or written article. It helps readers navigate the content and gain a clear understanding of the content.
So, Let creating table of contents in Blogger
How to Create Table of Contents in blogger?
First of all create one new web post or page in your blogger Dashboard
Write your Web article normally
After finishing the Web Article. Give Unique id's to inside of all Title Tags Like Below
For Example:-
Before adding ids on Article Titles
<h2>Title One</h2>
<p>Sample Contents</p>
<h2>Title Two</h2>
<p>Sample Contents</p>
<h2>Title Three</h2>
<p>Sample Contents</p>
<h2>Title Four</h2>
<p>Sample Contents</p>
<h2>Title Five</h2>
<p>Sample Contents</p>
After adding ids on Article Titles
<h2 id="title-one">Title One</h2>
<p>Sample Contents</p>
<h2 id="title-two">Title Two</h2>
<p>Sample Contents</p>
<h2 id="title-three">Title Three</h2>
<p>Sample Contents</p>
<h2 id="title-four">Title Four</h2>
<p>Sample Contents</p>
<h2 id="title-five">Title Five</h2>
<p>Sample Contents</p>
Next, Create Table of Contents
Create Anchor Tag with href="{#Id-name}". For example first title id name is title-one. So Table of contents wants to create like <a href="#title-one">Title one</a> Thats all.
Normal Style Table of Contents
<p><b>Table of Contents</b></p>
<a href="#title-one">Title One</a>
<a href="#title-two">Title Two</a>
<a href="#title-three">Title Three</a>
<a href="#title-four">Title Four</a>
<a href="#title-five">Title Five</a>
Dot List Style Table of Contents
<p><b>Table of Contents</b></p>
<ul style="text-align: left;">
<li><a href="#title-one">Title One</a></li>
<li><a href="#title-two">Title Two</a></li>
<li><a href="#title-three">Title Three</a></li>
<li><a href="#title-four">Title Four</a></li>
<li><a href="#title-five">Title Five</a></li></ul>
Numeric List Style Table of Contents
<p><b>Table of Contents</b></p>
<ol style="text-align: left;">
<li><a href="#title-one">Title One</a></li>
<li><a href="#title-two">Title Two</a></li>
<li><a href="#title-three">Title Three</a></li>
<li><a href="#title-four">Title Four</a></li>
<li><a href="#title-five">Title Five</a></li></ol>
Thats all Your Table of Contens Ready to Work!
Final Words
I hope this web article "How to create Manual Table of Contents in Blogger" is helps create simple Table of Contents in Blogger. If you have any Problem please Comment. Thank You..!
