How To Create Sitemap For Blogger

How To Create Sitemap For Blogger

How to create sitemap for blogger, how to create sitemap in html, html sitemap generator, html code for sitemap generation

A sitemap page is one of the most significant pages of the blog. The sitemap shows all blog entries on one single page, there are two kinds of Sitemap, XML and HTML. Give me a chance to clarify the distinction between these two sitemaps. XML sitemaps are for internet searcher client can not comprehend XML Sitemaps and HTML sitemaps is for clients or guests of the blog, where they can search all posts in a single page. 

The benefit of making an HTML sitemap page for blogger is that it encourages you to improve your page rank and to increase your site hits and bounce rates. Another preferred benefit is readers can easily find out or search without much of seeking what they are searching for. 

In the event that you need to see the live demo of HTML Sitemap Page for better understanding.

How To Create HTML Sitemap Page In Blogger

You can create Blogger Html sitemaps in two ways like if you want to show all posts for a particular label else to show all your posts which will include all the posts from every label. So let's see How-To Create Sitemap Page In Blogger.

Create HTML Sitemap Page For All Labels In Blogger

#1. First Login to Blogger dashboard

How to create sitemap for blogger, how to create sitemap in html, html sitemap generator, html code for sitemap generation

#2. Now Select the Blog and Go to Pages > New Page

How to create sitemap for blogger, how to create sitemap in html, html sitemap generator, html code for sitemap generation

#3. Go to HTML mode and paste below code there

How to create sitemap for blogger, how to create sitemap in html, html sitemap generator, html code for sitemap generation

Code:

<div dir="ltr" style="text-align: left;" trbidi="on">

<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>

<br />

<div id="toc">

<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>

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

</script></div>

<a href="http://www.theseoblogging.com/"><span style="font-size: xx-small;">Widget by The SEO Blogging</span></a>

</div>

Now change www.yoursite.com with your blog URL and publish the page that's it. You have successfully created HTML Sitemap for Blogger.

I hope you guys like above HTML Sitemap for Blogger, Let me know your thoughts about the widget and don't forget to share with others.

How to create sitemap for blogger, how to create sitemap in html, html sitemap generator, html code for sitemap generation