Are you want to HIRE me Contact Us Hire Me!

How to Add Table of Contents in Blogger Manually in 2023

So there you have it, how to add table of content manually in blogger is actually a very easy process. Once again, all you need is your browser and yo


How to Add Table of Content in Blogger in 2022
Table of Content in Blogger

A table of contents (TOC) in blogging is an index of your posts, which helps readers quickly scan through your content and find the most relevant information for them. Adding table of contents in blogger manually in 2023 takes some extra work and time to setup, but it will certainly be worth it to help you get more leads and traffic to your website. To make sure the table of contents looks great and natural, it’s better if you use HTML tags instead of the WYSIWYG editor in blogger to create the list of links.

If you want to add table of contents in your blogger blog manually in 2023, then this article will help you and I will show you that how you can easily add table of contents in your blogger in 2023 without using any plugins or themes and etc. 

If you have been using Google’s blogging platform for some time now, then you must be aware of the fact that the platform does not offer table of contents functionality to its users by default. Adding this feature manually on your blogger is fairly easy and can be done in no time at all. Let’s start this article...

Table of Contents

What is a Table of Contents in Blogger?

Table of content is a guide for readers about what topics the blog will cover. It's also a place for writers to store and organize their thoughts. We can't count how many times we've lost our train of thought while blogging, but with a table of contents, you'll always be able to find it. Plus, it makes it easier for your readers to navigate the different posts on your blog!

Related Posts

Why Table of contents are important

Having a table of contents will help viewers quickly navigate your content so they can easily find what they're looking for. A table of contents is especially important when you are writing about different subjects because it gives your reader an idea where to look for the topic that interests them. Having a clear, easy-to-read table of contents increases the value and usefulness of your content so people will be more likely to read it.

5 Reason Why use table of contents

1)  The table of content is an alternative way for readers to navigate the blog post. 

2) By clicking on the Create button and you will be redirected to a window where you can create the table. 

3) You have three options on how it will be displayed; either as a single line, or as two lines or as three lines. 

4) To edit any part of the table of contents after it has been created, click on Edit next to the desired entry. 

5) To delete any part of the table of contents after it has been created, click on Delete next to the desired entry.

Does the Table of Contents Improves SEO?

The SEO importance of a table of contents is debatable. There are some that feel that it helps and there are others who think that it hurts the SEO effort. But, there is no denying the usefulness of having one on your blog. This can come in handy when you want readers to focus on specific content areas or when you need some way for people to navigate through the pages easier.

Can TOC Improve User Experience?

Adding a table of content (TOC) not only makes it easier for your readers to navigate your content, but can actually improve user experience. No one wants to scroll endlessly down a long page just looking for the information they want. TOCs can greatly improve the user experience and make it easier for people on your site to find what they need. One great example is from Jasmine Star's blog, where she has a TOC at the top of her sidebar that links back to a master page that contains all the different pages on her blog. This allows readers to quickly and easily find content that interests them.

Read Also

10 Best Plagiarism Checkers for Bloggers

How To Start Blogging in Bangladesh 2023

10 Best Paraphrasing Tools for Bloggers

Ezzocard Review 2022 - Pros, Cons, and Alternatives

How to add table of contents in blogger?

1. Sign into your blogger account.

2. Select "Theme" and then Click on "EDIT HTML".

3. search </head> then paste the Code just above the </head> tag.

<script type='text/javascript'>              
//*************TOC plugin
function mbtTOC() {var mbtTOC=i=headlength=gethead=0;
headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)
{gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}

How to Add Table of Content in Blogger in 2022

4. Again search ]]></b:skin> and paste the code just above ]]></b:skin> tag.

.mbtTOC{border:5px solid #f7f0b8;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px;font-family:oswald,arial;display:block;width:70%}.mbtTOC ol,.mbtTOC ul{margin:0;padding:0}.mbtTOC ul{list-style:none}.mbtTOC ol li,.mbtTOC ul li{padding:15px 0 0;margin:0 0 0 30px;font-size:15px}.mbtTOC a{color:#0080ff;text-decoration:none}.mbtTOC a:hover{text-decoration:underline}.mbtTOC button{background:#FFFFE0;font-family:oswald,arial;font-size:20px;position:relative;outline:none;cursor:pointer;border:none;color:#707037;padding:0 0 0 15px}.mbtTOC button:after{content:"\f0dc";font-family:FontAwesome;position:relative;left:10px;font-size:20px}

5. Finally search <data:post.body/> , it can be more than 1(depend on theme). <data:post.body/> tag , Replace all of them with below code.

 <div id="post-toc"><data:post.body/></div>

6. Click on SAVE

How to show TOC in blog post?

To make TOC work in your blog post or article, You need to switch to HTML mode, copy the code and then paste it right after the first paragraph or right before the first heading tag.

<div class="mbtTOC"> 
<button onclick="mbtToggle()">Contents</button>
<ol id="mbtTOC"></ol>

Activating TOC in blog post

You'll need to paste the following code at the end of your post to enable the TOC plugin. 

Push the Publish Button and  Table of Contents has been generated successfully. 


What is Automatic Table of Contents?

After publishing a post on your website, an Automatic Table of Contents may appear beneath it. These links will direct readers to each major section within your post. It is also possible to link back to every section by using anchor text. In addition, you can add an automatic table of contents for older posts if needed. If a page has been moved, but not updated in Google Webmaster Tools, your TOC won't be created automatically.

Can i use automatic table of content on blogger 

Unfortunately, it is not possible to show the table of contents for a blog post automatically on Google's blog publishing platform. However, there are a few ways you can add one manually.

What are the advantages of using Table of Contents?

A table of contents can improve your site’s discoverability and usability. People are more likely to visit your page if they think it has content that’s relevant to their search queries. Having a table of contents makes it easier for users to find what they’re looking for and prevents them from leaving your page, which is always a good thing. Additionally, including an automatic table of contents will help Google better index your page and return relevant results when someone searches for keywords related to your content. Optimizing your website with a Table of Contents will provide you with more opportunities for greater audience engagement and increased user-base. Polishing up your posts to give them a professional look.

Formulating the arrangement of points in your article in a methodical manner. Satisfying your audience's expectations by maintaining a high-level overview of your posts or articles. Allowing readers an easy way to navigate your whole post or article.


So there you have it, how to add table of content manually in blogger is actually a very easy process. Once again, all you need is your browser and you can create your table of contents without any problems. That being said, we would be happy to hear from you if this blog post helped at all and share it with other people.

Read More

About the Author

My name is Arefin and I'm an experienced marketer and SEO-friendly article writer. I specialize in creating impactful content that helps boost visibility and rankings on search engines. I'm the owner of Style2Money, a content creation agency…


  1. Nice Post
    1. Thanks
  2. Excellent Article
  3. Aalex Finn
    This comment has been removed by a blog administrator.
  4. Ali Raza
    This comment has been removed by a blog administrator.
Do Not Make Spam
Table of Contents
Related Posts
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.