How To Add Table Of Content In Blogger Post 2023

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.

How To Add Table Of Content In Blogger Post 2023

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

    Remember:- In this post, we have given a total of 5 HTML codes out of which 3 will be posted in the theme HTML and the remaining two codes are to be pasted in the post in which you want to show the table of contents.

    And you have to paste the 3 theme HTML code only once and the remaining two HTML codes have to paste each time in that post where you want to show a table of contents.

    Note:- After doing all these settings, you always have to remember one thing.  In whichever post you are adding the table of contents, you must provide an H3 tag to all sub-headings in the articles except the main title.


    Conclusion

    If you add a Table Of Content to your Blog Post then it will increase user experience and help to improve ranking in google too. so always add a table of content in your blog post whether your site is on blogger or on WordPress. 

    I Have Shared the simplest steps with you hope you liked this content. if any issue you are any facing while adding a table of content in a blogger blog then you can ask your question in the comment section I definitely help you.

    Read More: 

    Post a Comment

    0 Comments
    * Please Don't Spam Here. All the Comments are Reviewed by Admin.