If you are searching for How To Add A Table Of Contents In Blogger Website then you are on the right platform because here we are going to explain to you how to add a table of contents to a blogger.
As we all know, A table of contents is a very important part of SEO. If we make a table of contents in a post. It is very helpful for the visitor to get to the exact point that they are looking for instead of reading the whole post. And it is also helpful to rank your post on the first page.
Friends, we all know that WordPress website has plugins, using which we can create a table of content very easily. But on the other hand, when it comes to blogger websites, there is no plugin to create a table of contents on the blogger website. Because of this, we have to code ourselves and create tables of contents.
But not everyone has technical knowledge. Because of this people are not able to create a table of contents. But if you want to create a table of contents on your website and you do not know how to make it, then you should read this post completely because we will tell you the table of contents in a blogger in a very simple way.
What is a table of contents?
To make a table of contents in the blogger. Friends, you must have seen that whenever we go to a popular website, the article is written in the hierarchy on that website as Heading, Sub Heading, Minor Heading, and Major Heading.If a visitor wants to go to a particular heading or sub-heading for which we create a table of contents for the visitors so that they can go to the exact point after clicking on the link shown under the heading of the table of contents.
this feature reduces the time of the visitors and makes our website user-friendly. And it is also helpful to rank our post on the first page of google.
How to Add Table of Contents to Blog Post?
To create a table of contents in a blog post. You have to do some coding in HTML, about which we will tell you step by step in detail.
Step1- login to blogger
First of all, you have to log in to your blog and website. After that, you have to go to the blogger dashboard.
Step2- Theme
After that, you have to click on the theme option. Then you will get the option of customization. You have to click on the down arrow next to it and click on Edit HTML.
Step3- search </head> (shortcut key for search Ctrl+F)
After searching </head> in HTML. You need to copy the below HTML code and paste it into the Above </head> section.
#First Html Code
Step4- search </b:skin> or ]]></b:skin> (shortcut key for search Ctrl+F)
Search </b:skin> in HTML. Then copy the HTML code given below and then paste the code in before </b:skin>.
#Second Html Code
Step5- Replacing Code
Now search <data:post.body/>, and replace <data:post.body/> with the HTML code which is given below.
#Third html Code
Step6- Save The Theme
After pasting all three HTML codes, you have to click on the option of saving.
Step7- Paste the code in the post
Now you have to go to the post in which you want to add the Table of Contents. And you have to copy the below HTML code. And Paste this code where you want to show the table of contents in the post.
#Fourth Html Code
Step8- Paste Code After The First Paragraph
We assume you want to show a table of contents after the first paragraph of the article.
You have to open the HTML view of your post and copy the code which is given below. And paste the copied HTML code after the first paragraph of the article and save it.
Step9- Paste The Code At the end of the HTML
Now you have to open the HTML view of your post again and copy the code which is given below and paste it at the end of the HTML and save it.
#Fifth Html Code