How to create Sitemap for Blogger blog?

In this post, BlogMinto is going to tell you how to create html sitemap for blogger blog. Why is the html blogging site used for the blogger blog? Most bloggers who blog on blogger blogspot platforms are new to bloggers. Because of which they do not know much about the significance of the sitemap.
Therefore, this post is for newbies who do not know how important it is to sitemap every blog. If you also want to know that Html sitemap page is a blogger blog, then read this post to the last.

How to create sitemap in html language?
It is very important to know about some basic things related to it before you tell about how to create HTML sitemap page. Because the incomplete knowledge about something sometimes makes it very messy. Or in simple words, then incomplete knowledge is of no use.

That's why you should follow this matter and follow me carefully and understand this topic well. So let's start and tell you what is html sitemap? And how important is it to be in blog?

What is html sitemap?
At first I would like to tell you that sitemap is of two types first one is xml sitemap and second is html sitemap.

Xml sitemap: This is a sitemap that we have to create for our blog and submit it in search engine like Google, Yahoo / Bing and Yandex. This sitemap can only read search engine bots, it can not read readers easily. For more information about this, read this blogger sitemap and submit it to Google.

Html sitemap: This is a sitemap which is not submitted in the search engine, but is added to the menu or footer by creating a page in your blog. Which gives the search engine a crawl and index due to all your post link being found.

But readers can read it easily because of which it makes your blog more user friendly. Because any user can open your page and easily access all the posts in your blog in one place. Any reader can read all your posts from one page to one by one. That's why it is also called a user friendly sitemap.

Now you may have understood how much html sitemap is needed for any blogspot blog and what is the difference between html and xml sitemap Now go ahead and tell you how to create a blog site for the blogger blog?

Create a blog site for the blogspot blog?
If you have not yet created this sitemap for your blog or added to the blog or website, then follow the simple steps below -

Step - 1

First log in to your Blogger Dashboard.

Step - 2

1. Now click on Template.
2. Click on Edit Html.
3. Now press CTRL + F]]> </ b: skin> tag and paste the CSS code below given below]]> </ b: skin>.#bp_toc {
   
   

       color: #666;

       margin: 0 auto;

       padding: 0;

       border: 1px solid #d2d2d2;

       float: left;

       width: 100%;

   }

   span.toc-note {

       display: none;

   }

   #bp_toc tr:nth-child(2n) {

       background: #f5f5f5;

   }

   td.toc-entry-col1 a {

       font-weight: bold;

       font-size: 14px;

   }

   .toc-header-col1,

   .toc-header-col2,

   .toc-header-col3  {

   background:#9E9E9E;

   }

   .toc-header-col1 {

       padding: 10px;

       width: 250px;

   }

   .toc-header-col2 {

       padding: 10px;

       width: 75px;

   }

   .toc-header-col3 {

       padding: 10px;

       width: 125px;

   }

   .toc-header-col1 a:link,

   .toc-header-col1 a:visited,

   .toc-header-col2 a:link,

   .toc-header-col2 a:visited,

   .toc-header-col3 a:link,

   .toc-header-col3 a:visited {

       font-size: 13px;

       text-decoration: none;

       color: #fff;

       font-weight: 700;

       letter-spacing: 0.5px;

   }

   .toc-header-col1 a:hover,

   .toc-header-col2 a:hover,

   .toc-header-col3 a:hover {

       text-decoration: none;

   }

   .toc-entry-col1,

   .toc-entry-col2,

   .toc-entry-col3 {

       padding: 5px;

       padding-left: 5px;

       font-size: 12px;

   }

   .toc-entry-col1 a,

   .toc-entry-col2 a,

   .toc-entry-col3 a {

       color: #666;

       font-size: 13px;

       text-decoration: none

   }

   .toc-entry-col1 a:hover,

   .toc-entry-col2 a:hover,

   .toc-entry-col3 a:hover {

       text-decoration:underline;

   }

   #bp_toc table {

       width: 100%;

       margin: 0 auto;

       counter-reset: rowNumber;

   }

   .toc-entry-col1 {

       counter-increment: rowNumber;

   }

   #bp_toc table tr td.toc-entry-col1:first-child::before {

       content: counter(rowNumber);

       min-width: 1em;

          min-height: 3em;

       float: left;

       border-right: 1px solid #fff;

       text-align: center;

       padding: 0px 11px 1px 6px;

       margin-right: 15px;

   }

   td.toc-entry-col2 {

       text-align: center;

   }
   
   
   Thanks Mybloggerlab for creating this Awesome code.
   
   
4. Now click on Save Template.

Step - 3

1. Now click on Pages.
2. Now click on the new page.

Step - 4

1. Now click on the HTML.
2. Write a Sitemap in the field titled.
3. Now paste the code below into the box containing the content. 
   
4. In the right side, click on Options.
5. Now in the right side, click on Do not Allow in Reader Comments and disable the commenting feature.
6. Now click on Done
7. Now click Publish button to publish the page.
   

Congratulations! Now your blog's html sitemap page has been created. Now you have to put this page in your menu or in the footer. If you do not know how to add a link to a page in the menu, please read it.

So friends, now you may have known that the HTML sitemap has been created to create a blogger blog. If you are still having any problems related to this topic then you can comment and ask us. Create this html sitemap page for blogger, do not forget to share it with us, and do not forget to share it with your friends on social media. Thanks!