Thursday, 27 February 2014

How to Create Sitemap Page in Blogger?

The most up-to-date widget that we shared inside the "Widgets" category was a Social Sharing widget now we're again with an additional widget. Even though surfing MyBloggerBuzz, it's likely you have seen Sitemap page here. If you've got not noticed before then browse on this now. Sitemap page just isn't much required for blogs however from a number of sides it truly is better to get a sitemap page in your blog. Sitemap page basically really helps to make the actual navigation easier and it in addition improves page rank of each of our blog because of make inner linking of our blog. Sure! That's amazing thing to raise internal backlinks because as page, you'll see all the actual published posts on your blog. Aside from this, furthermore, it helps lookup search engine's crawler to index the articles and web site easier. Thus, in this particular post we'll share this particular sitemap page for blogger blogspot blogs. So lets see how to add this.



How to Add Sitemap to Blogger?

It is quite a lot easy task to add a sitemap page to blogger blog. You just need to create a new post/page and add some chunks of coding to the HTML tab as below steps:
  • Go To Blogger >> Dashboard >> Pages 
  • Create New Page >> Blank Page
  • Insert Page Title of Yours Choice.
  • Go To HTML Tab


  • Copy The Code Below and Paste There in The HTML Tab.
<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/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

  • Replace YOURBLOGDOMAIN With Your Blog Domain.
  • Click "Publish" Button.
  • That's it! 

In the Last:

So! This is a basic tutorial for beginners to ad a sitemap page in your blogger blog and make the navigation easier for your visitors. Now It's your turn to share this post with your friends and please write your views in comment box below till then Peace, Blessings and Happy Creating.

No comments:

Post a Comment