Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Tuesday 29 April 2014

How To add Sitemap Page For Bloggers

Today! I will discuss a tutorial about on How To Create seperate Sitemap Page For Blogger Blog. For those who don’t know, Why do we need to create sitemap to our blog? Sitemap is a list of pages (directory or table of content) of
our blogsite to easily navigate our blog post.

Recommend For You:
1. Add Your Blogger Sitemap to Google Webmaster
2. Create SiteMap for particular label in Tables of Content style
3.Be a professional Bloggers..

To create seperate sitemap page:

  • Go to Blogger»Pages
  • Create New Page
  • Give any Title
  • Switch to Html , copy following script and Paste there..

Script:
<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="http://allin1web.googlecode.com/svn/trunk/JavaScript/SitemapPage%5Ballin1-web%5D.js" type="text/javascript">
</script>
<script src="http://allin1-web.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

  • Change Bold text with your blog URL
  • Publish it...see preview. That's it.

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.