How To Make Sitemap Page In Blogger

One of the requirements of the Google Adsense application as one of their ad publishers is to have a sitemap page in our blog.This urged me to scroll over the google in order to look for some tutorials.But of course the prime reason why should I have that page in my blog is to let my readers have an easy access and provide meaningful experiences on all my published posts. 

Sitemap is a good way to tell search engines that your website is available and can be crawled by them. In this manner, search engines will be able to read and identify all the pages included in your website, and identify which pages are important and how often they are update.

It also increases your page rank and consequently,so a bigger chance to boost an organic traffic. In this tutorial, I will show how to make a sitemap page that will automatically update each time you will create and publish a post and the best thing is that you will not edit your blogger template anymore. 

Create A Sitemap Page  In Blogger/Blogspot

Step 1. Go to Blogger Dashboard
Step 2. Click New Pages >> New page >> Blank Page
Step 3. Switch the Blogger Page Editor page in the HTML mode
Step 4. Then copy the code below and paste it in your Blogger Post Editor page ( in Step 3)

<script>
var numposts = 1000;
var showpostdate = true;
var showpostsummary = false;
var numchars = 200;
</script>
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' ' + cdyear + ' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script> 
<script src="http://www.yourwebsitenamehere.com/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=rp"></script>

Customization:

1.  If you have published more than 1000 posts in your blog/site just change the number (1000 )  depending on your preference.
2. If you want to hide the post date beside the post title change the text (true) with false.
3. The most important thing is you must replace the line (www.yourwebsitenamehere.com) with the URL of  your blog/site to make this trick work on your blog.
Step 5. Click the  Publish  button and get the url and paste it in your  in your sidebar or any part of your blog's body.
You are now done making a list of all posts in just a single page. 

Take care and Enjoy!