How to Create or Add HTML Sitemap Page in Blogger

Full guidance about adding or Creating HTML Sitemap Page in Blogger. This user friendly Sitemaps will sure help your blog to show all posts to visitors in easy method.
Creating HTML Sitemap Page in Blogger is a best way to show all content of your site to your visitors with an easy to understand method. You will surely be created XML sitemaps for your blogspot blog but do you hear about HTML sitemap, if your answer is "n" then i will tell you differences about them. HTML Sitemap is created for showing all posts and articles on your blog to your readers in one place whereas XML Sitemap is particularly worked for search engine bots and human being are not understand it properly due to coding language which is not clickable, in simple words it includes on text coding tags so only search engines can read and follow them whether how many posts are available on your website.

So hopefully you will already create XML sitemaps of your website now its time to add HTML Sitemap Page into your Blogger blog to make your site more user friendly. In this article i am going to share with you a best awesome looking HTML Sitemaps Page which will certainly help search engine crawlers to index your sites's content properly such as posts and pages etc. It will also improve crawling and indexing rate for your website. So you need not worry about indexing, the only thing you have to keep in mind that write only unique and quality content on your site with proper On-Page Optimization Techniques and Off-Page SEO Tricks.

Create HTML Sitemap for Blogger

What’s New in this Professional HTML Sitemap Page for Blogger?

  • Neat and Well designed HTML Blogger Sitemap Page
  • This Sitemap has included light Blue Color Scheme
  • The Articles will be showing with categorized by labels in this sitemap
  • The sitemap is developed using pure and light weight CSS and JavaScript
  • The Loading Speed of this Sitemap is very Fast
  • This Sitemap is an automated HTML Sitemap, its mean whenever you published an article or post, it will automatically add into the list without doing any further settings
You may also like:

How to Add HTML Sitemap Page to Blogger

1. Sign into your Blogger Dashboard >> Pages >> New page, Now click on HTML tab, for example screenshot is shown below

2. Give a Title Name to your page, i.e you can write "Sitemap" as Page Title

3. Now copy the below whole set of code and paste it into that blank page
<style type="text/css">
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
.labl a{
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
.postname li{
border-bottom: #ddd 1px dotted;
<div id="toc">
<script src="" type="text/javascript"></script>
<script src=";alt=json-in-script&amp;callback=loadtoc">
 4. After pasting the above code just click on Publish button.

Now your users can easily see the all posts and article of your blog in one page.

If you have any problem or issue while adding HTML Sitemap Page to Blogger then feel free to contact with me, thus you have to write your question on below comment section then i will try my best to reply your all questions in 24 hours. If our articles helped you bit then kindly share our blog posts with your friends on Social Media Sharing Sites such as Google Plus and Facebook etc.