For beginners-How can add a table of content in blogger posts

Many peoples want to add a table of content in a blogger or word. Because it is made easy for users to know that what is available in our post/article.

But the problem is everyone doesn't know that How can add a table of content in blogger posts/articles.

Hello friend, I'm your friend Vishwas Sharma and Wellcom to our blog Times of Rising.

Before we going to start please see in running eyes overview of today content-

What is a Table of content?

If I say in the simplest way about the table of content then I describe it like this "Table of Content is nothing but Menu of your document it may be blogger post/article".

It tells the user what is the information you share in the article and give an option to users to skip information that is unwanted for his/him.

I think it is clear that what is I'm saying.

So go to the next question that is-

What is the importance of the table of content?

It is important or not? it is a very good question.

According to my opinion, it is important because it shows the user that what is he/she find in this particular post.

Because you are a blogger answer me one question that is What is a user-friendly article?

The table of content is also a part of a User-friendly article.

Can the table of content is important/necessary in the blog posts?

Although As we discussed above that is what is the importance of a table of content in posts or articles But for knowledge, it is not necessary.

How can add a table of content in blogger?

It is very simple. We are complete in 6 steps.

So let's go guys-

Step 1- Add Script in Html of blogger

  • Login into the blogger
  • Choose the blog to which you want to add the table of content click on them and then
  • click on edit HTML

Step 2-Find ๐Ÿ‘‰</head> ๐Ÿ‘ˆ tag in HTML code

Step 3-Copy the script which is given below๐Ÿ‘‡ and pest just before ๐Ÿ‘‰ </head> ๐Ÿ‘ˆ in your blogger HTML

Step 4 - Find ๐Ÿ‘‰ ]]></b:skin> ๐Ÿ‘ˆ and paste new code just before it (You can see the screenshot below).

Step 5-Find ๐Ÿ‘‰ <data:post.body/> ๐Ÿ‘ˆ code in your theme and replace it with ๐Ÿ‘‰ <div id="post-toc"><data:post.body/></div> ๐Ÿ‘ˆ.

"If your theme has this code more than one time then you have to replace all of them with this new code."

Step 6- Click on HTML view and paste the below-given code where you want to show the table of content in Blogger post.

and add this code below code, at end of your post HTML

Final Conclusions

Try it and believe me it is going ahead you to give a better user experience for your users.
If you face any problem with the code please comment we waiting for your comment to improve our service.
If you want different types of the look of a table of content comment #more in the comment section.
I hope you have successfully added this code(script) to your blog. We like to know your thoughts.
If you also have any information related to blogging, then send it to us so that it is useful to everyone.
Thanks
Your well-wisher
Vishwas Sharma
(Founder of Times of Rising)