How to Create Custom Sitemap on Blogger Blog

SOCIALIZE IT →

Tweet

You might heard about feedburner sitemap. That help you to generate and update sitemap for your blog and also help you to create newsletter for you readers. The sitemap also help you to submit it to webmaster tools so that your every post can crawl by search engines. This also bring traffic if your post crawl to search engine. This increase your organic traffic. Ultimately you know what sitemap can do for you. Sitemap is also show the link list of your each and every post. Visitor can easily locate the location of the topic they are searching for.

So lets start to learn how you can create custom sitemap on your blogger blog.

Add Custom Sitemap to Blogger Blog

1. Login to Blogger blog.
2. Go to Page and click on create new page.

1. Now add the title "Sitemap" or whatever you want to write.
2. Click on "HTML" and copy paste below code.
3. Change "bloggingtuition.org" with your blog domain name.

<style>

 

#toc{

width:99%;

margin:5px auto;

border:1px solid #2D96DF;

-webkit-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);

}

.labl{

color:#FF5F00;

font-weight:bold;

margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#055A85 40%);

background:-webkit-gradientundefinedlinear,left 10,right 80,color-stopundefined0.20,#055A85),color-stopundefined1,#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-gradientundefinedright,#C2EAFE 0%,#fff 40%);

background:-webkit-gradientundefinedlinear,left 80,right 10,color-stopundefined0.60,#fff),color-stopundefined1,#C2EAFE));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper ,.rolapa,.post h2{ display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }

 

</style>

 

 

<div id="toc">

<script src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js" type="text/javascript"></script>

<script src="http://bloggerinformation772.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

 

</div></p>

<div style='clear: both;'></div>

</div>

<div class='rolapa'></div>

 

• Replace this code  http://bloggerinformation772.blogspot.com  And put you are website

   

  • Any probem Comment me