How To Add Sitemap In Blogger Page ?

Hello guys have you ever saw sitemap pages on many websites while surfing. If you've not seen before then have a look on it now. Sitemap page is not much necessary for blogs but from some sides it's better to have a sitemap page in menu. Sitemap page basically helps you to make the navigation easier and it also improves page rank of our blog due to internal linking of our blog. Yes! That's awesome thing to improve internal linking because in that page, you'll see all the published posts of your blog. It also helps search engine's crawler to index the content and webpage easier. So, in this post kingoftricks going to share this sitemap page for blogger.

Site Map Example

So Let Start To Add Sitemap in blogger page. Here are few steps given below which you can easily do.

Go To Blogger -> Dashboard -> Pages
Create New Page -> Blank Page
Insert Page Title of Yours Choice.
Go To HTML Tab

Copy the below code and paste there in the HTML tab.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #F79C2D;
-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,#F0C126 0%,#FF9A00 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#FF9A00),color-stop(1,#F0C126));
border:1px solid #F79C2D;
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,#FFFFFF 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#F0C126));
}
.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://www.yourblogdomain.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>