How To Add A Table Of Content Page To Your Blog


A table of content is a list displaying all the posts on your blog in a clean easy to navigate format for readers.In this post i will show you a table of content that is extremely easy to set up and can be added to your blog in minutes.The recent addition of static pages to blogger provides a great way to display the table containing your complete archive.

This is in fact the table of content I'm currently using on Spice Up Your Blog.I have it in a post as the static pages were not available when i first created it.All the posts are sorted by date and you can see it here : Spice Up Your Blog Table of content.

The code that creates the table is actually very simple but you will first need to create a post or static page for your blog.Here's the three steps required to create a table of contents and add it to your blog.

a table of content for blog

Add A Table Of Content To Your Blog

Step 1. Create a new post or static page for your blog and give it the title 'Table Of Content' or something similar.

Step 2. In the top right of the post editor you will see the options to use Html and Compose modes make sure your in 'Edit HTML mode.

Step 3. Copy the code below and paste it into the posting area :

<a href=''><img alt='Best Blogger Tips' src=''/></a><script style="text/javascript" src=""></script>
<script src=""></script>

Credit & Thanks : Abu Farhan

Note : Change in red to your actual blog address.If you use a custom domain replace the Url in red with your custom URL.

InfoRemember you can get all these tips sent directly to your email and stay a step ahead.Its a quick and easy service Provided for Free by Google.Just fill in the Email form below the post.
If you need extra help on this or any tutorial just leave a comment, I love comments and feedback so this Blog is Do-Follow - when you comment here it helps Your Blogs Google rank !

You can now publish the post or page and yes it is that easy !

If you do need more help let me know, do you provide a table of content on your blog on your blog?

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. Thanks for this. However, what are the numbers shown before each post link?? Is there a way to remove them??

  2. nice tutorial but the table of content can better better. can you create something with labels and not by date.

    visit my blog

  3. Well after my comment, you modified the code and replaced it with Abu Farhaan ones. My dear this code works only if you have less than 500 posts. I expected some solution from you. Anyways... i did it by my own. Thanks


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us