7 Ways to Create HTML Sitemap Page in Blogger

 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.



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

Creating Sitemap Page for All Labels

MOST READ: Tips on How to Clean Up Disk Space in Windows

If you want to show all of your blog posts at same page then follow below steps one by one.

1.     Go to your blogger blog.
2.     Now Navigate to Pages > New Page > Blank Page.
3.     Switch it to HTML mode
4.    Paste below code in the post body.

    <script type=”text/javascript”>
    var numposts = 100;
    var standardstyling = true;
    function showrecentposts(json) {
      for (var i = 0; i < numposts; i++) {
        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);
        if (standardstyling) document.write(‘<li>’);
        document.write(posttitle);}
        if (standardstyling) document.write(‘</li>’);
    }
    </script>
    <ul>
    <script src=”http://www.musbite.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
    </ul>
   5.  REMEMBER TO CHANGE www.musbite.blogspot.com with your own blog URL.
    6. Click Publish button.
    7  Done.