How To Create Sitemap Page in Blogger

How To Create Sitemap Page in Blogger

The most recent contrivance that we have a tendency to shared within the "Widgets" class was Horizontal Social Sharing contrivance and these days we're back with another contrivance. whereas aquatics Blogger Yard, you may have seen Sitemap Page here. If you haven't seen before then have a glance thereon currently. Sitemap page isn't a lot of necessary for blogs however from some sides it's higher to own a sitemap page in menu. Sitemap page primarily helps you build|to form|to create} the navigation easier and it additionally improves page rank of our diary as a result of make internal linking of our diary. Yeah! that is awing issue to enhance internal linking as a result of in this page, you will see all the revealed posts on your diary. aside from this, it additionally helps search engine's crawler to index the content and webpage easier. So, during this post we're progressing to share this sitemap page for blogger.

Sitemap Page - however It Works

Before we have a tendency to start in doing tweaks with our diary for implementing that sitemap page, i might prefer to describe you that however it works really or in different words, i am progressing to justify it's feature during this passage. initial of all, this can be neat and clean sitemap page that is well coded specially for blogger blogs. It's combination is barely blue that you'll see within the demo page. this can be automatic sitemap page that mechanically adds the newest posts in itself while not biting it thus it's even higher for North American nation that we do not got to touch it simply once implementing in diary, it'll do all the task itself. during this sitemap page, you'll see that posts ar classified by labels that is best for readers that they'll realize the items in this page simply. This sitemap page is developed with JavaScript and CSS that really takes the post links of our diary through Feeds of our diary. this can be created by Abu Farhan thus all the credits goes to them.

Create Sitemap Page in Blogger

Don't worry buddy! you may be thinking that it'll be very little robust to implement this type of page in blogger however that is not true as you are thinking! although, it is the most best task to insert this in our blogs.

RN

Just follow the simple steps given below.

Go To Blogger >> Dashboard >> Pages

Create New Page >> Blank Page

Insert Page Title of Yours Choice.

Go To HTML Tab AND COPY AND PASTE

<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://latestechweb.blogspot.in//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>