26 February 2013

How To add Attractive "Table of Contents Page" Sitemap in Blogger


Automate Create and Upload Sitemap.The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling.          It's very important for a publisher To add Sitemap (Table of Contents) in his blog  to make it look more professional. Basically Sitemap (Table of contents) is a place in your blog where all of your post are arranged according to their type.This is the reason why today we will going to Insert a Table of Contents in Blogger.

        We have designed a table of contents for blogger which will update automatically so you don't need to just edit it every time when you publish a new post.If you  publish a new post on your blog it will automatically added  to your Table of Contents Page so it really saves lot of time.This Table of Contents widget will display all of your post well arranged under their specific categories (LABELS). 

  • The sitemap (Table of Contents) updates automatically when you publish a post
  • It will automatically tag your latest posts as NEW in sitemap (Table of Contents)
  • All of you posts will be well arranged under there given categories (Labels) 

Step to Adding a Table Of Content in Blogger:

To insert an Attractive Table Of Contents (Sitemap) in Blogger Follow these Steps 
  1. Now we will create a new page for our Table of contents Remember:we will create a new page not post.To create a new page go to Blogger >> Pages >> New Page >> Blank Page 
  2. Now Give title to your page i.e "Site Map" and now under EDIT HTML tab (button) paste the following code..

<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="http://srvsriram.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link><script src="http://srvsriram.googlecode.com/files/toc.js"></script><script src="
http://urcodes.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></div>

Now after pasting the code above look for http://urcodes.blogspot.com and replace it with your blog URL and Publish the page now go and view your Amazing Table of Contents.


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.


  1. It’s actually a great and helpful piece of information. I’m satisfied that you simply
    shared this useful info with us. Please keep us up to date like this. Thank you for sharing.
    website design



Copyright @ 2013 yourcodes.