How To Create Sitemap Page in Blogger

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

In Previous Post we shared Top Three Affiliate Programs for Indian Bloggers this is very useful article , So please read this article this article help you to more earn money from your blog so please try this
And now today i am going to share with you a great article for your blog . While open my blog Softway RKO you might have seen Sitemap Page here. Sitemap Page is better yo have menu.Sitemap page helps you to make a navigation menu in your blog and also it improve your page rank of our blog and it make maximum number of internal links of our blog. In this sitemap page you have seen all my published posts in only on page.This widget made by Prajjwal Rajput so all credits goes to them
Advantages of Sitemap Page:-
its add automatically your latest post in sitemap page with labeled wise it is available only one color blue its work on JavaScript and CSS means cacading style sheet and it is better for visitor because the reader are easily read your posts with labels.
How To Create Sitemap Page in Blogger:-

• Go To Blogger Dashboard>>Pages
• Click on create New Page
• Now go to HTML Tab
• Enter your page Title like "Sitemap"

• Copy the following code in HTML Tab

<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<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.softwayrko.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

• Replace  http://www.softwayrko.blogspot.com with your blog URL
• Finish!

Final Words

Thanks for reading our post if you want face some problems or getting errors please write your problems in comment box for solutions

And Please share this post with your friends in social networking sites

Thanks!