Featured Posts

How to Create Sitemap For Blogger

Marketing Now a days is getting tough and search engines difficult to reach all the sites is getting tough and moreover to attract visitors sitemap is must for website to get a brief summary about what kind of posts have been added and what all changes in posts have been recently done can be easily identified in a single look.

We all know that creating sitemap in webmaster tool is must to identify search to look our websites,but when viewers reach our website.,Analytic view for sitemap is must for them to see what all contribution are we done for them in our tricky sites.so generation of sitemap is a must..!!

In my recent post about, Adding Contact form for Blogger is a must for every websites/blogs.While surfing along the network,as discussed above,Looking for the required posts is a weird.So,Sitemap allow visitors to have a easy way to identify all the website posts in a single views.


Steps to be Noted While Adding Sitemap in Blogger 

Go to Blogger>> Dashboard>>  Create New Page >>Insert Title as "Sitemap" >>Blank Page>> Insert the Below HTML code and Paste it.

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

Now Change YourBlogDomainName With your Blog Domain Name,whether its custom domain or freedomain.Change as it is.. 
Click Publish..

Conclusion:

If you point out any problem in adding this format in blog,drop your free comments below and drop your view on this.



author

Rahul

Hi, Myself Rahul, Indian Internet Entrepreneur and an SEO Team Lead. Founder at 50+ blogs and website and a passionate blogger.

Get Free Email Updates to your Inbox!

Post a Comment

www.CodeNirvana.in

Copyright © Best Blog Tricks