How to Create an HTML Sitemap Page in Blogger?

Hello, Friends welcome to Digital Web Show Family. Today we are introducing how to Create HTML Sitemap Page in Blogger. There are many ways to add a sitemap page in a blogger but this Technic is a very easy and simple trick to add sitemap page in blogger. Beginners are also configuring this trick simple four-step.


how to add sitemap page in blogger
How To Add Sitemap Page in Blogger?

What is HTML Sitemap?

HTML sitemap allows website visitors to easily navigate a website posts & pages. It is a bulleted outline text version of the website page & post navigation. The sitemap helps in reading post & page URL by search engine bots and pages on your website that you have chosen to tell Google and other search engines to index. The sitemap helps in Doing SEO for your Website.

Benefits of HTML Sitemap

  • The post list will update automatically with the addition of new posts.
  • Automatic addition of Suffix 'new' to newly added posts.
  • Sorted alphabetically (ascending or descending)


How to Create an HTML Sitemap Page in Blogger?

Let's Start make HTML Sitemap page in Blogger.

  • Login Your Blogger account using username & password.
  • Click on Theme.

Blogger Theme Setting

  • Now Click on Three Dot as Follow image.
  • Click on Edit HTML.

edit html template in blogger


  • Now You will see Blogger Template code.
  • Find the Following code in Theme. copy the following code and press CTRL+F and paste it then hit Enter button. You will see this code as follow.
  • ]]></b:skin>

  • Now copy CSS code which is given as under and paste this CSS code above this Code:- ]]></b:skin>
CSS Code:

  • Now Press CTRL+F & write </body> than hit enter button. Now you will see </body> tag.
  • Now Copy HTML code which is given as under and paste this HTML code above </body> tag.
HTML Code:

  • Click on Save.
  • The last step is to click on Pages then click on New Page. Follow Given Image.
how to create blogger page


  • Click on HTML.
  • Remove default code from the created page.
  • Now write [sitemap] than publish this page.

How to Create Sitemap Page in Blogger?
How to Create Sitemap Page in Blogger?

Your sitemap page is ready.

blogger sitemap
Blogger Sitemap

Download Code1: Click Here

Download CSS Code: Click Here

Download HTML Code : Click Here

Download Code: Click Here

Note: This HTML Sitemap is based on Lable which is created in blogger.

Last word: This Sitemap Page helps in ranking your website and blog. every blogger can make this HTML Sitemap page in blogger.

Cheers with Digital Web Show