Now replace all plain headings with a link like #2, #3, etc, and save it.
You have successfully created an HTML table of content in the Blogger Blog post. Now customize the table of content heading and you can set the table of content in the Number list or Bulleted list.
{tocify} $title={Table of Contents}
Now publish the post after the final check and your “table of content” is ready to use by your user.👍
In this way, you can easily create a table of content on your blogger website where posts are long and detailed.
How to add a smooth scroll effect in manual TOC
You can easily add a smooth scroll effect to the manual Table of content that we just added above using a CSS file.
Just add the below CSS file to the theme editor just above the ]]></b:skin> tag or paste it in the "add CSS" section of your theme customizer.
How to add Automatic Table of Content in Blogger
In this method, you have to add some CSS and javascript files to your Blogger theme and after that, you need to paste a shortcode in every blog post where you want the table of content.
Make Money Online
It is an easy method to add a stylish TOC but it will slow down your loading speed a little bit. That's why I recommend you to use manual HTML-based Toc.
