
A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.
Sitemap gives complete navigation to each post and pages of your blog
How To Create Sitemap Page ?
1. Go to your blogger dashboard.
2. Go to Pages and click New page

3. Insert Page Title.
4. Now click on HTML.

<style>
#toc{
width:99%;
margin:5px auto;
border:1px solid #434f7b;
-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:#ff0055;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#576c93 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#141724),color-stop(1,#141724));
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;
font-family: Arial;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#ff0055;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
font-family: Arial;
background:url(http://leejtyler.com/wp-content/uploads/2014/05/white-faint-criss-cross-lines-Copy.png);
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc"><script src="http://www.techdio.com/" type="text/javascript"></script>
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.DOMAIN.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
6. Replace DOMAIN with your blog Domain.
7. Click on Publish.
Now you have successfully created a Site map page for your blogspot.
If you have any doubts feel free to contact us or leave a comment below.
If You Find This Tutorial Helpful
Please Support Us On Facebook @TechDio And Twitter @TechDioOfficial
Because Your Support Gives Us Encouragement.
Now you have successfully created a Site map page for your blogspot.
If you have any doubts feel free to contact us or leave a comment below.
If You Find This Tutorial Helpful
Please Support Us On Facebook @TechDio And Twitter @TechDioOfficial
Because Your Support Gives Us Encouragement.
Comments
Post a Comment