*Creating Sitemap Page To Blogspot*

How To Create A Sitemap Page To Blogspot

1. Go to blogger dashboard -> Pages
2. Create New Page
3. Put the title of the page you want.
4. Go to Html tab
5. Paste the code below

<style type="text/css">
#toc{
width;99%;
margin:5px auto;
border:1px solid#2D96DF;
-webkit-box-shadow:4px 4px 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);
}
.lab{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz linear-gradient(right,#C2EAFE0%,#055A8540%);
background:-webkit-gradient(linear,left10,right 80,color-stop(0.20,#55A85),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.catherina-labio.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Note: Change the italic word with your website url.

6. Click Publish.

7. An now you can view the page that you've made.