How to Create Sitemap Page For Blogger Blog

Posted by Vikram Rajpurohit 0 comments
How to Create a Sitemap Page For Blogger Blog or your wordpress website.Sitemap page will help your readers in easy navigating through your posts in a particular manner.This tutorial will show you how to create a sitemap page for your blogger in a monthly archived fashion.

How to Create Sitemap Page For Your Blogger Blog

Steps to create a sitemap page for your blog

1.Go to your blogger dashboard and select Pages.
2.Create a new page and give some name.
3.click on HTML tab of your page and copy past the following code in it.

<center>
<a class="classname" href="http://genuinecontent.blogspot.com/2013_02_01_archive.html">February 2013</a><a class="classname" href="http://genuinecontent.blogspot.com/2013_01_01_archive.html">January 2013</a>
</center>
<style type="text/css">
.classname {
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
 background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
 background-color:#ededed;
 -moz-border-radius:21px;
 -webkit-border-radius:21px;
 border-radius:21px;
 border:3px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #ededed) );
 background:-moz-linear-gradient( center top, #d6d6d6 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ededed');
 background-color:#d6d6d6;
}.classname:active {
 position:relative;
 top:1px;
}
</style>

NOTE:
1.This code has sitemap for two months you can add more by copy pasting the above bold text.
2.Replace the above highlighted red text with your monthly archive blog urls .
3.Replace the above highlighted blue text with the month-year you desire.
4.To maintain space between buttons you can add <br/> for new line.

Now publish the page and add your sitemap page URL anywhere in your blog.I would recommend you to add your sitemap page in the footer of your blog.