What is sitemap ? -Types - How to prepare html sitemap in blogger ? -- easy Method

What is sitemap ? -Types - How to prepare -html sitemap

Today i wish to tell my regular readers of www.AsamWeb.cf about Sitemap.

What is Sitemap ?

Actuall sitemap is not a software it is just a page/post to represent all posts present on your website.In order to prepare this, we have a code that we just have to put it in to page/post html and it automatically forms.This sitemap is very benefical in ranking your site on search engines like google.It is highly powerful in creating seo of your website.
According to my knowledge best sitemaps formats are .xml and .html
.XML sitemaps are not seen online by website visitors but can be downloaded for example if you have a blog than you can download your sitemap in xml format by writing www.yourblogaddress.blogspot.com/sitemap.xml  .This type of sitemap is used to submit in different webmaster tools like Google Webmaster Tools.
.HTML format can be seen online by visitors and cannot be downloaded.This type is not automatically forms you need to have to prepare this by a html code.

     Now it is a time to tell you how to prepare .html sitemap in blogger platform.

• First of all go to pages or posts section and click on new.

• Toogle to .html tab and write whole code written below

<div dir="ltr" style="text-align: left;" trbidi="on">
<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>


<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://asamenterprises.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

• Now click on publish and you have done your sitemap will look like as shown below