How to Create HTML Sitemap Page in Blogger blog
How to Create an HTML Sitemap Page in Blogger blog

How to Create a Sitemap Page in Blogger blog

Hello friends, welcome to Techyabi today I will show you how to create a Sitemap page in Blogger Blog or how to add an HTML sitemap page in the Blogspot blog easily
A sitemap is our blog structure when we create a Sitemap and add our site then our blog visitors can get the post that they want.

What Is HTML Sitemap?

An HTML sitemap is a regular HTML page that can be read by search engine bots in addition to visitors. Web crawler uses it as a regular HTML page (with several links). The main goal of using HTML based sitemap is to represent all your posts in an ordered manner so that your blog visitor can navigate each of your blog posts via a single page.

What Is XML Sitemap?

Truly, the Search engine uses its own bots (web crawlers) to determine pages from links within the site and from other sites. XML Sitemap is a .xml file attached to your blog which supplies this information to crawlers. The sitemap file consists of every post URL with additional information regarding all URLs. The Search engine uses this information to index your blog posts in the best possible method.  while you use the XML Sitemap file guarantees that your web pages will get indexed in search engines.

Advantages of HTML Sitemap on Search Engine 

Search engines like Google, Bing, Yahoo, Baidu, and DuckDuckGo can run and crawl your blog HTML sitemap and discover all the various pages of your Blogspot blog.

Hence, it will serve your blog to become indexed and also for Search engine optimization (SEO) goals in order to aid certain page rankings.

Advantages of Using HTML Sitemap on our blog

When we use HTML Sitemap on our blog clients can go and on the off chance that they can't get a page of your blog within the main navigation they can really go and look at your HTML sitemap and likely discover the information there.

If you have a blog, utilizing an HTML sitemap can really separate your blog into shorter parts by alphabetically, classes, authors, labels, etc.

Therefore, generating an HTML sitemap for your blog is really helpful for your blog users in supporting them to get data on your blog.


  • The post directory will update automatically via the addition of the latest posts.
  • Automatic addition of Suffix 'new' to afresh added posts.
  • sort ascending (alphabetically)

How to Add Sitemap Page in Blogger blog easily

Step 1. Log in to your Blogger account, and after that go to Pages > New page.

How to Create a Sitemap Page in Blogger blog
How to Create a Sitemap Page in Blogger blog

Step 2. First, we should write the page title “Sitemap

Step 3. Switch to HTML mode.
How to Create a Sitemap Page in Blogger blog
How to Create a Sitemap Page in Blogger blog

Step 4.  Then click the HTML button and Paste the Code into content

<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;
break;    }   }
posttitle =;
if (standardstyling) document.write('<li>');
document.write(posttitle);  }
if (standardstyling) document.write('</li>
'); }
<br />
<script src=""></script>
Note: Dismiss any type of HTTPS error.

Step 5. Configuration

Replace with your blog URL.

Step 6. Below Page settings > inside the Search Description field you should add a page description.

Step 7. Click on Options > Reader comments > pick don’t allow > done.

Step 8. Click Publish.


You have successfully added an HTML sitemap page to your blog. Set your Sitemap page link, anywhere you would like to show your Sitemap page. You can also apply various themes to this sitemap provided by Techyabi. For any issues related to the above article please comment below.


  1. Thank you for sharing your thoughts and knowledge on this topic. This is really helpful and informative, as this gave me more insight to create more ideas and solutions for my plan. I would love to see more updates from you.

    Internet Marketing

  2. Replies
    1. hey, bro, you must follow each step carefully! then replace with your blog URL! I already talked about this in step 4.

  3. Wonderful sharing with fully described information. Codemic is a YouTube channel with videos on gaming, programming, and vintage tech enthusiast. I make all sort of fun videos on just about everything that comes to mind. Why don't you stay awhile?

  4. Its not working in my blog


Post a Comment

Previous Post Next Post