HomeBlogger Tricks

How To Create HTML Sitemap Page in Blogger

Like Tweet Pin it Share Share Email
As you know very well, Blogger is free Hosted platform here any one can create his/her blog without Hosting , and some of professional blogger are also using Blogger platform . So, here today I am going to share some ways to create quality link for your blog by Making Sitemap from own Blog .

Actually now a day Blogging is not only for money making or Practice work , it is a profession also if you want to make your blogger blog just look like a professional . then you need always some professional looking stylish widget and some important pages must have in your blog. From some important pages About Us, Contact Us, then after “Sitemap” it is another Important page in your blog.

Sitemap in blogger

How to Create HTML Sitemap in Blogger Blog :-

1. First of all Visit your Blogger Dashboard —-à Pages
sitemap for blogger blog
2. after the click on pages there you will see a Option to “New page”.

sitemap blogger
3. click on there and now click “HTML” section
Now paste Below given Codes in HTML section ->

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

</script></div>

·        Change your Domain name on Red colored place in your script .
And Now Publish It !
·        It will automatically updated by your Posting continuously .
·        It also help in to create interlinking from own blog .
So, May be it will helpful for you, Please don’t forgot to socialize it on social network site . We are working to create some special widgets for you SO keep visiting and don’t forget to give your feedback or if you have any problem then Ask Frankly.

Comments (1)

Comments are closed.