How To Add HTML Sitemap in Blogger - FindersAdda : Tutorials of Make Money, Computer or Internet

Sunday, 26 November 2017

How To Add HTML Sitemap in Blogger

Hello Friends! How are you? I hope you will be well and also hope that you found my last post On "How to set Custom Page Not Found in Blogger?" and it will be very helpful for you.Thank you very much for all lovely comment and suggestion. You've inspired me to write another post.

In this article, I am going to learn "How To Add HTML Sitemap in Blogger". In this post, I will tell you how to add stylish sitemap to add in blogger blog. Let's begin....

What is Sitemap?

A sitemap is a list of all blog pages or posts of our blog which make easy to index our blog pages in search engine. I have already written a post on How to create sitemap of our blog and how to submit sitemap in Google search console?

What is HTML Sitemap?

You will have heard about two types of sitemap. First one is XML sitemap and second one is HTML sitemap. Now I will tell you that what is difference between HTML and XML sitemap? 

HTML sitemap is a sitemap which helps to show our all blog post at one place. So that any person can easily find my blog post. HTML sitemap is mostly used in Blogger blog.

XML sitemap is a sitemap which helps to show our all blog post at one place so that search engine can easily understand and indexed our blog post. We can't add XML sitemap in blogger blog pages.

The only difference between HTML and XML sitemap is that HTML sitemap is helpful for people and XML sitemap is helpful for search engine.

How to add HTML sitemap in Blogger?

To add HTML sitemap in blogger blog, you have to create a new page by follow the below steps. I am going to how to add stylish HTML sitemap for blogger blog.

HTML sitemap
HTML sitemap

Visit this page to see the demo of this page. Sitemap of Findersadda

The credit of this code goes to Blogger Lab.

How to add in Blogger

1) First of all, open your blogger and click on the Theme option then click on the Edit HTML option.

2) Now click the mouse pointer anywhere between code and press Ctrl + F and find ]]</b:skin>

3) Now copy the below code and paste it into your blogger above the ]]</b:skin>

4) Click on the Save Theme

5) Now click on the Pages option beside blogger dashboard and then click on the New page option.

6) Now copy the below code and go to your blogger tab and click on the HTML tab and press Ctrl + A and then paste the copied code.
<div id="bp_toc"></div><script src=''  type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
7) Now write heading of this page like Sitemap and then click on the Publish option.

Once again I hope you liked this post so much. If you like this post then share with your friends also ask your problem through comment box.

Thank You So Much

By Sumit Kumar Gupta.

About Author


Author & Editor

Myself Sumit Kumar Gupta & 21 year's old person. I am a programmer and blogger. I spend much more time on programming and blogging and helps other programmers and bloggers.


Post a Comment

We are eager to see your comments.
Comment Rule :

1. Don't use any link in the comment box. If you have any problem related to link then contact me with the contact form.

2. Don't use the wrong word if you write the wrong word in comment box then it will get spam.