This is important post about HTML Sitemap. Lets we know How to Create HTML Sitemap Page in Blogger Blog. Must you know what is sitemap? It’s a complete post about HTML Sitemap.

Blogger

What is HTML Sitemap in Blogger?

 
There are two Sitemaps in blogger. (1) XML Sitemap and (2) HTML Sitemap. Now we learn about HTML Sitemap not XML Sitemap. XML Sitemap can help to index or crawl your post to search engine. When you see HTML Sitemap then you must know what it is. Besides when you see any map in any country then you can decide what it is. Just HTML Sitemap introduce about your blog that whats have your blog. Sitemap is really make with your total post and page and everything which we can get in one stage your blog. Sitemap is one of the page just it like another page in your blog site. But each visitor easily get all post here normally. So it is very essential in any blog. For HTML Sitemap traffic can stay your blog long time. Which is need for blogging. Many blogger know how to create Sitemap in blogger but I discuss it only for new starter.
 

Why HTML Sitemap in Blogger?

 
It is most important for full publishing about your blog to any others. They can introducing what about your blog and what types of post you publish. So now create a attractive Sitemap in your home page.
 

How to Add HTML Sitemap in Blogger?

 
Step 01 : Firstly log in your dashboard. 
Step 02 : Create a new page from the page option.
Step 03 : Must page name will be Sitemap.
Step 04 : Now click HTML mode from your Compose Mode.
Step 05 : There you can see some code. Now you must delete this code and paste there below codes.
 

<style type=”text/css”>
#toc{
width:99%;
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);
}
.labl{
color:#FF5F00;
font-weight:bold;
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;
border-radius:4px;-moz-border-radius:4px;
-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{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
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;
margin-right:5px
}

</style>



<div id=”toc”>

<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>
<script src=”http://www.update29.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>
</script></div>

Step 06 : You must put your blog URL instead of update29.com.
Step 07 : Now click the publish option and see attractive Sitemap. We have well learned How to Create HTML Sitemap Page in Blogger Blog.
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO
show button
Hide Buttons