A blog about technology, Internet, social media, blogging tips, seo tips, computer tips and tricks, earning money online, etc.
Creating Sitemap Page In Your Blogger Blog
You need to submit your sitemap to popular search engines to make your blog pages index by them. Sitemap page in a blog helps the visitors to track the contents of that blog. You have seen sitemap pages in many blogs. Have you thought of creating a sitemap page in blogger blog? Yeah it is possible.This tutorial will help you in creating a sitemap page in your blogger blog.
Steps To Create A Sitemap Page In Your Blogger Blog:-
1) Go to Edit HTML section of your blogger dashboard. Check Expand Template Widget.
2) Ctrl + F and search </head>
3) Paste the following codes above </head>
<script>
var numposts = 100;
var showpostdate = false;
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(' - ' + 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>
4) Save the template.
5) Now create a new page.
Give a title to the page (sitemap or anything)
Select HTML section and paste the following script.
<script src="http://www.BlogName.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
Replace the red section with your domain.
Publish it.
Now you got the sitemap page in your blogger blog.
Steps To Create A Sitemap Page In Your Blogger Blog:-
1) Go to Edit HTML section of your blogger dashboard. Check Expand Template Widget.
2) Ctrl + F and search </head>
3) Paste the following codes above </head>
<script>
var numposts = 100;
var showpostdate = false;
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(' - ' + 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>
4) Save the template.
5) Now create a new page.
Give a title to the page (sitemap or anything)
Select HTML section and paste the following script.
<script src="http://www.BlogName.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
Replace the red section with your domain.
Publish it.
Now you got the sitemap page in your blogger blog.
Subscribe to:
Post Comments (Atom)
-
HeartATech
Copyright©2012 HeartATech. Articles cannot be reproduced without permission from the author.
Powered by Blogger
Not working
ReplyDeleteIts working.
DeleteCheck my Sitemap page -->Sitemap
I've succeded by putting all the code inside the page in HTML view, but it doesn't show all the posts that I want
ReplyDeleteThanks Man i so much appreciate this its helpfull
ReplyDeleteSomething's wrong with the code - for (var i = 0; i < numposts; i++) {
ReplyDeleteGreat post,click here http://gopctech.blogspot.com
ReplyDeletenice post about site map thnaks
ReplyDeletehttp://getbestinfo.blogspot.com/