Create A Sitemap Page In Your Blogger Blog











After the tutorial about how to create a blog sitemap in this post : Create Your Blog Sitemap With Auto Sitemap Generator, Now i'm going to show you how to create a page for that sitemap in your blogger blog.

The webmaster tools in BING and Yahoo! (both have merged their webmaster tools into one. Yahoo! is now using bing webmaster tools) require us to put a sitemap page address in their form if we want to submit a new sitemap.




To create a sitemap page in our blog, First we need to add a sitemap page.


Add new page

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.


Insert HTML codes in your blog from the HTML editor

  • Clik Template > Edit HTML > Proceed 
  • 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 == &quot;YOUR SITEMAP PAGE URL&quot;'>
    <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(&quot;http://lh5.ggpht.com/_YheAVjwbSOw/TLRXkBjscII/AAAAAAAAAek/oGXFmQ8hpag/line.png&quot;);
    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 == &quot;YOUR SITEMAP PAGE URL&quot;'>
    <body>
    <div id='container'>
    <h1>YOUR SITEMAP TITLE</h1>
    <div id='content'>
    <a href='http://www.digita7seven.blogspot.com'><img alt='Blogging Made Simple !' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best blogger tips.png'/></a><table border='0'><tr><td><a href='http://www.digita7seven.blogspot.com'><img src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TLyQLKLa5mI/AAAAAAAAByM/tD7DbjhhJe0/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&amp;alt=json-in-script&amp;callback=loadtoc'/>
    <a href='http://www.digita7seven.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://digita7seven.blogspot.com/p/sitemap.html)

YOUR BLOG MAIN URL
 It's your blog main url (eq http://www.digita7seven.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 : 


The sitemap page will look similar like this : 

 
You can also place a sitemap link in your footer section like this : 

  
Put this code in your footer section to put a sitemap link in there :

<a href='YOUR SITEMAP PAGE URL'>Sitemap</a>

 


Also from Amazon :   
      1,000 Creative Writing Prompts : Ideas for Blogs, Scripts, Stories and More
      When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.

      Becoming A Blogger: How to Start a Blog This Afternoon and Make Money From Home For Years to Come (Make Money Online)
      Some bloggers make small, part-time incomes that supplement their full-time job. Others are making blogging their sole pursuit and earning a huge income each month. Blogging can be a big thing or a small thing depending upon how much time and energy you invest into your new venture.

      Other Great Stuffs : 

      Celebrity Blogging
      Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!

      If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
      Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!

      Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
      How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29

      1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !

      Read books on your computer or other mobile devices with FREE Kindle Reading Apps.




      ?max-results=10"> ');

      ?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");