Create Table Of Contents Page For Blogger

Table of contents is a page basically to arrange all your posts in alphabetical order. It contains Header which is your Label name and Posts with that label.

Table of contents page that is Sitemap is very important for any website or Blog because it really increases traffic of your site and also makes your blog look professional.

Visitor can easily navigate to all your posts using sitemap page. Sitemap also makes easier for search engines to crawl website and indexing pages.

After Creating Sitemap page in your blogger, you will notice dramatic increase in your blog's traffic. 

Table of Contents page is easy to create and use on your blog. You just need to add some codes in blogger template to make it look stylish and piece of code in your Sitemap page that's it!! 

How To Create Table Of Contents Page For Blogger

1. Go to Blogger>>Template>>Backup/restore. Download your full template you are going to edit html of your template so better is to create backup of the template.
2. After creating backup click on edit html.
3. Search this code ]]></b:skin> in template using (Ctrl+F).
4. Now Just Above the ]]></b:skin> paste the below code.

padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
    color: #fef4e9;
    border: 2px solid white !important;
    background: #1C8DFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
    background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}

6. Save your template, You're almost done.

Create A New Page For Sitemap

7. Go to Pages>>New Page>>Blank Page.

8. Paste the code below in html area of page editor.

<script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js"></script><script src="http://tip101tricks.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script><script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript"></script>

Changes:

9.Now make some changes to the above codes, replace tip101tricks.blogspot.com with your own Site Url.

10. After replacing the URL click on Publish button and You're done!!!

Your comment is always welcome. Share your view with us.

Do you have any difficulties adding these sitemap to your blog? That's why we're here. If you've noticed any issue with these tutorial please kindly post your query through comment and we'll get back to you as soon as possible.

Subscribe! You don't want to miss any of our future updates? Subscribe for our daily and weekly updates.

Share! We want you to help us share this tutorial to your friends on social media sites like, facebook and twitter. Remember these word? ("There's Love In Sharing").

Thank You!!!