Monday, March 23, 2020

How to add a Sitemap Page in Blogger | 2020

How to add a Sitemap Page in Blogger

Hi guys. If you are looking for How to add a sitemap page in Blogger or How to add a HTML Sitemap Page in Blogger you now right place. In this tutorial, I will show you how to add a sitemap page in blogger step by step.

What is Sitemap?

A site map is a list of pages of a web site. There are three primary kinds of site map: Site maps used during the planning of a Web site by its designers. Human-visible listings, typically hierarchical, of the pages on a site. Structured listings intended for web crawlers such as search engines. [Wikipedia]

What is Sitemap Page?

Sitemap page sitemaps is created with HTML (Hyperlink Text Markup Language). It's usually used to make a list to all the post that are published on your site. A HTML Sitemap Page can reduce your bounce rate.

Features of This Sitemap Code

  • Easy Setup
  • Easy to Customize
  • Post Limit set
  • SEO Friendly
  • Custome Css Suported
Live Demo


  • jQuery

Super SEO Premium Blogger Template free Download

How to add a Sitemap page in Blogger?

Follow those steps for add a sitemap page in Blogger. Do the all steps Carefully.

Step 1: First login to you Blogger account a choose a site.

Step 2: Click on Pages > New Page.

Blogger Sitemap page add 1

Step 3: Now Add a Page Title and Switch the mode Compose to Html Mode.

Sitemap Page add on Blogger 2

Step 4: Now Past this code -

<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 <; k++) {
    if ([k].rel == 'alternate') {
     posturl =[k].href;
   posttitle =;
   if (standardstyling) document.write('<li>');
   if (standardstyling) document.write('</li>');
<ul style="margin:0">
 <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

Step 5: Now go to Page Settings, add Description for this page and Disable Comment.

How to add a sitemap page on blogger

Step 6: Now Publish the Page

Your sitemap page is now ready now click on view for preview your sitemap 😊.


Change var numposts = 100 Value for limiting number of post show. [For example var numposts = 300]

Thank you guys for Visit IHDesign and reading this post. Hope, you will enjoy post. I hope this post tech you for a proper guideline to add an HTML Sitemap page in Blogger. Don't forget to share this post to your friends. Stay Connect With IHDesign.

Previous Post
Next Post

Everyone wants Happiness, No one wants Pain, But you can't make a Rainbow without a little Rain. Facebook Instagram Twitter Youtube