Adding Table of Contents Page to Blogger – Simple and Clean !

Table of contents page gives your users an easy way to navigate to through your posts. It also helps search bots to better index your pages. But adding one in blogger is not that easy. Some used to create a page with the name ‘sitemap’ and manually added their posts links to it. It is difficult because you’ve update the page manually each time you post something new.

But that is past. Now we can easily create a toc page that automatically updates each time you add a new post in blogger. See my table of contents page to check the demo. You can see the post arranged according to labels making it easily navigable. And plus this widget also tells the users which post is new and which old. So let’s create a page for you too.

Creating a Table of Contents Page

• Navigate to Blogger Dashboard > Pages > New page > Blank Page

• Firstly name the page like “Sitemap” or  “ Table of Contents” or “ TOC of XYZ”
• Now switch to HTML mode and paste the below code into it.

<!--Table of contents by BloggsLab Start -->
<script src="https://dl.dropboxusercontent.com/s/l9u1upbt1uqyxvr/table%20of%20contents.js">
</script>
<script src="http://www.bloggslab.com/feeds/posts/summary?alt=json-in-script&max-results=1000&callback=loadtoc" type="text/javascript">
</script>
<!--Table of contents by BloggsLab End –>

Replace www.bloggslab.com with you site url.

• Now Publish the page. Done.

Now you just created a simple and clean table of contents page for you blog. Hope it was helpful and all went perfectly. I’ll in my upcoming posts surely share a more customized and stylish version of the table of contents page. Thanks for stopping by.