How To Create A Site Map In Blogger

Click to enlarge

Site Map is something with which you can give overview of your website content. It will show us how many posts are there in the blog, how many are have been created and places all the posts in one area.

Every blogger wants to Site Map to his/her blog but its not a easy process to sort out the code.

Keeping this in mind i have created site map for bloggers which is easy to install and awesome looking. Today i will give out the code for you.

Step by Step procedure for installing site map content in your blogger

Step 1: Go to your Dashboard and Create a New Page

Click to enlarge

 

Click to enlarge

Step 2: Enter title as Site Map (or whatever you may want to) Go to HTML Editor of the page.

Click to enlarge

Step 3: Now copy and paste the code below.

<link href="https://files-all-tech-corner.googlecode.com/svn/trunk/blogtoca.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://files-all-tech-corner.googlecode.com/svn/trunk/blogtoc2.js"></script>
<script src="http://www.alltechcorner.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://files-all-tech-corner.googlecode.com/svn/trunk/accordblogtoc.js" type="text/javascript"></script>

Step 4: Now replace www.alltechcorner.com with your blog/website name.

Recommended For You:  How To Install Sticky Bar For Your Blogger

Step 5: Save the page and there you go you have created your Tabbed Content Site Map for you blogger.

Step 6: Now simply copy the URL link of that page and place any where in the website by editing your template. If you don;t know how to edit your template then read my article How to edit your blogger template effectively

If you have any doubts or queries regarding the site map installation feel free to ask me through comments.