Powered by Blogger.

Ads Top

Facebook

Popular Posts

Cat-1

Cat-2

Cat-3

Cat-4

» » » How To Create Sitemap Page for Blogger

Sitemap Page for Blogger


A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.

Sitemap gives complete navigation to each post and pages of your blog


How To Create Sitemap Page ?


1. Go to your blogger dashboard.

2. Go to Pages and click New page
New Page

3. Insert Page Title.

4. Now click on HTML.
HTML

5.Copy the code and paste it in the HTML tab.
<style>
#toc{
    width:99%;
    margin:5px auto;
    border:1px solid #434f7b;
    -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:#ff0055;
    font-weight:bold;
    margin:0 -5px;
    padding:1px 0 2px 11px;
    background:-moz-linear-gradient(right,#576c93 0%,#055A85 40%);
    background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#141724),color-stop(1,#141724));
    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;
    font-family: Arial;
}
.labl:first-letter{t
    ext-transform:uppercase;
}
.new{
    color:#ff0055;
    font-weight:bold;
    font-style:italic;
}
.postname{
    font-weight:normal;
    font-family: Arial;
    background:url(http://leejtyler.com/wp-content/uploads/2014/05/white-faint-criss-cross-lines-Copy.png);

}
.postname li{
   border-bottom: #ddd 1px dotted;
   margin-right:5px
}
</style>
<div id="toc"><script src="http://www.techdio.com/" type="text/javascript"></script>
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.DOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

6. Replace DOMAIN with your blog Domain. 

7. Click on Publish.

Now you have successfully created a Site map page for your blogspot.


If you have any doubts feel free to contact us or leave a comment below.


If You Find This Tutorial Helpful

Please Support Us On Facebook @TechDio And Twitter @TechDioOfficial

Because Your Support Gives Us Encouragement.
«
Next
Newer Post
»
Previous
Older Post

No comments

Leave a Reply

Cat-5

Cat-6