How to
create a site map page in Blogger
The procedure Below teaches the procedure to
create a sitemap page in your blogger.
1. Add a new page in your blog
Log in to Blogger.Go to dashboard > Click Pages > New Page > Choose Blank Page
Name your new page with any name you want like Sitemap, My Sitemap, Etc (Whatever makes you feel good).Click Publish to create your new sitemap page before you go to the next step.
2. Now add the following code in your template html code for that
Click on Template
After that Cick on Edit HTML
- Use Ctrl+F to find this code :
</body>
- Paste this piece of code right UNDER the above code :
</b:if >
- Use Ctrl+F again to find this code :
</head>
- REPLACE the above code with this code :
<b:if cond='data:blog.url == "YOUR SITEMAP PAGE URL"'>
<style>
body{
margin:0;
padding:0;
background:#f1f1f1;
font:70% Arial, Helvetica, sans-serif;
color:#555;
line-height:150%;
text-align:left;
}
#container{
margin:20px auto;
width:680px;
background:#fff;
padding-bottom:20px;
border-left:1px solid #bebebe;
border-right:1px solid #bebebe;
}
#content{
margin:0 20px;
}
h1 {
background:none repeat scroll 0 0 #DDDDDD;
font-family:sans-serif;
font-size:27px;
font-style:italic;
font-weight:lighter;
text-align:center;
text-shadow:1px 0 0 #FFFFFF;
margin:0px;
}
p{
margin-bottom:18px;
font-style:italic;
font-family:Georgia, Times, serif;
font-size:24px;
color:#bfe1f1;
padding:0;
}
a {
text-decoration:none;
}
ul {
margin:0px;
padding:0px;
}
ul li {
border-left:1px solid #000000;
color:#BEBEBE;
font-family:Arial;
font-size:13px;
font-style:italic;
list-style:decimal inside url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKq70Qo_e5oh4AfTHQ4wavQJ1yFcH5jvkEUg3EIAvyCgQLgdfg_UGYJ5Gf_ULUFk5RXmLXH5XPivAmgroU49UYQp4FlGPJzCTKorWRfGFeWi2l6LHSVKETeRQbBGNE2eyC52yrU81e6dog/");
margin:0 0 0 15px;
padding:8px 8px 8px 0;
}
li a{
text-decoration:none;
color:#057fac;
display:block;
margin-top:-12px;
padding:0 0 0 30px;
}
li a:hover{
text-decoration:none;
color:#999;
}
</style>
<!--[if IE 6]>
<style>
li a{
display:inline-block;
padding:0 0 0 5px;
margin-top:-10px;
}
</style>
<![endif]-->
</b:if>
</head>
<b:if cond='data:blog.url == "YOUR SITEMAP PAGE URL"'>
<body>
<div id='container'>
<h1>YOUR SITEMAP TITLE</h1>
<div id='content'>
<a href='http://www.dipeshpoudel.blogspot.com'><img alt='Blogging Made Simple !' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPk8qWEO_zGP9S5DjnjwYQuz_rccbyGCUtrTb9G-ry-nLeqv09Ept4Yhc-Em8_AOpOyx3eAXZAPF1gnzed0nmJp056LtxxI4_lSGyWb4nPmD3Z_GBZFUgnwwCNAn7zvWvglWFKFHTyp0H7/s1600/best blogger tips.png'/></a><table border='0'><tr><td><a href='http://www.dipeshpoudel.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_Lq8SiVmuiP86ktcElYY23eiICbAVKZpVm3GcreX5amfCXaX7zWnphtm1X5A2gI1T4P5VjLgs5axE8r8ex-cyWr5FZeuv2Y8hMr21s9KdnTp3yT54zJnqTw-CCpGnDqPetOVM1fSr2FI/s1600/ico-home.png'/></a></td><td><a href='YOUR BLOG MAIN URL'>Home Page</a></td></tr></table>
<script src='http://www.yourjavascript.com/51121005353/sitemap.js' style='text/javascript'/>
<script src='YOUR BLOG MAIN URL/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc'/>
<a href='http://www.dipeshpoudel.blogspot.com'><small>digita7seven</small></a>
</div>
</div>
</body>
<b:else/>
Replace the above marked with red with your own value based on below :
YOUR SITEMAP PAGE URL
It's the url of your Sitemap page you just created in the first step (eq http://dipeshpoudel.blogspot.com/p/sitemap.html)
YOUR BLOG MAIN URL
It's your blog main url (eq http://www.dipeshpoudel.blogspot.com)
YOUR SITEMAP TITLE
The title of your sitemap (eq SITEMAP, MY SITEMAP).
Save your template and view your sitemap to test the page :
