How to make Blogger Sitemap in HTML Page

Hello, welcome to another post of Blogger Script. In this post, we will be sharing a very amazing script that can make an HTML sitemap page on your blogger website You can see the DEMO of the HTML sitemap page on your Blogger website below. 

There will be 2 scripts for making this HTML sitemap page on your Blogger website, you can use anyone you want. A site map is a list of pages (blueprint) of a website within a domain. 

There are three primary kinds of sitemap: 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.

You have mostly seen Sitemaps in XML language but in this post, we will provide you an HTML sitemap meaning this HTML sitemap page on your Blogger website will not use for SEO or for Search Engines, it will be for normal website visitors/viewers who can view your website's list of pages/posts. So, making this HTML sitemap page on your Blogger website, should be beautiful and easy to read unlike codes in an XML file which cannot be readable for normal/basic website visitors/viewers. That's, why we have given you 2 styles of HTML sitemap pages for your Blogger website. You can choose anyone you want on your Blogger website. 

• Style 1 of HTML Sitemap - 

This is 1st style of your HTML Sitemap, as you can see in the image (screenshot) the sitemap will have tags and on the basis of tags selected, your pages/posts will be shown.

• Style 2 of HTML Sitemap - 

This is the second style of HTML Sitemap, as you can see in the image (screenshot) the sitemap will show all of the posts/pages present on your Blogger website in a Table with POST TITLE, POST DATE, LABELS. 

How to install these scripts/code?

• Log in to your Blogger Account and open the Dashboard of the website in which you want to make the HTML Sitemap.
• Go to the Pages section on the left side menu of Blogger Dashboard.
• Make a new page naming "Sitemap" and disallow all the comments from visitors.
• Choose, HTML View from Compose View in that "Sitemap" page on the upper left side of the page edit options.
• And copy-paste the code of the above-chosen style. Make sure to replace the URL from your Blogger website's URL. 

And, Boom!! You are DONE. You can view the page, your chosen style sitemap will be developed with your posts/pages on it.