How to Create HTML Sitemap Page in Blogger

How to Create HTML Sitemap Page in Blogger

Sitemap of a blog helps search crawlers to crawl the entire blog properly. It helps to increase our blog crawling and indexing. Previously, I have shared a tutorial about How To Submit Blogger Sitemap To Google Webmaster Tools. That sitemap is in.XML format which we use to submit in Google Webmaster Tool which is only for search engines so that they can index all of our blog posts. Today in this tutorial I am going to share a trick by which you can create a HTML sitemap for your blog readers so that they can easily select a post to read. If you use HTML sitemap in your blog wisely then you can increase your blog page rank also. You can show all of your blog posts at single sitemap page or you can use sitemap for particular label. Whatever your need is, this tutorial will help you. So, let see how to add a sitemap page in blogger.

Creating sitemap page for particular labels

If you want to show all your blog post at same page then follow below steps:

Step 1

Log in into blogger dashboard.

Step 2

Now Go to Pages then New page and click on blank page as show in below picture.

Step 3

Switch this page to HTML mode.

Step 4

Copy and paste below code in body.

<script type="text/javascript">

var numposts = 100;

var standardstyling = true;

function showrecentpostsundefinedjson) {

for undefinedvar i = 0; i < numposts; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if undefinedi == json.feed.entry.length) break;

for undefinedvar k = 0; k < entry.link.length; k++) {

if undefinedentry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}}

posttitle = posttitle.linkundefinedposturl);

if undefinedstandardstyling) document.writeundefined'<li>');

document.writeundefinedposttitle);}

if undefinedstandardstyling) document.writeundefined'</li>');

}

</script>

<ul>

<script src="http://seo-bloggertemplates.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>

If you want to create Sitemap Page for particular Label than copy and paste below code in body.

<script type="text/javascript">var numposts = 100;var standardstyling = true;function showrecentpostsundefinedjson) {for undefinedvar i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if undefinedi == json.feed.entry.length) break;for undefinedvar k = 0; k < entry.link.length; k++) {if undefinedentry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}posttitle = posttitle.linkundefinedposturl);if undefinedstandardstyling) document.writeundefined'<li>');document.writeundefinedposttitle);}if undefinedstandardstyling) document.writeundefined'</li>');}</script><ul><script src="http://seo-bloggertemplates.blogspot.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>

Step 5

Replace seo-bloggertemplates.blogspot.com to your blog URL and Label%20Name to your label name.

Step 6

Click on Publish button.

If you like this post, please share and click like button for me. Thanks a lot !