Subscribe For Free Updates!

We'll not spam mate! We promise.

Add a Sitemap to Your Blogger Blog.

Posted by: Helal Uddin on 5/13/2014 Categories: |

add-a-sitemap-to-your-blogger-blog
A sitemap is a checklist of Pages or Labels or Posts that are published in your Blog. You can call it also as the Directory or Table of Contents or Index. Actually, it isn't the sitemap to Google Webmaster Tools. Simply this is a widget that helps the readers of your blog to find their desired content easily.

Please, see the Demo: Demo Sitemap.

"Having Sitemap" is also one of the "Terms and Conditions" of Google Adsense. It's an easy way to enhance Internal Linking. Because, you can see all the posts published in your blog. It helps to increase visitors to your blog. It also boosts the possibility to be indexed by the Search Engine Crawlers.

Today, I am going to discuss about how to add a sitemap in a blogger's blog. This Sitemap adds all of the latest posts (autimatically) by catagories that are published. At first you can follow this tutorial about How to Create a New Page on Blogger Blog.

How to Add a Sitemap or Table of Contents to Your Blogger Blog:

  • Log In to your blogger dashboard.
  • Click on the down arrow and then click on Pages. Here's a screenshot for you.
add-a-sitemap-to-your-blogger-blog
  • On the next page: Click on the "New Page".
  • Your post editor page is opened. Select, HTML.
  • Now, copy the code given below and paste it into your post editor. 

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSz9HDUzdopMIJehDJuA4mRO-EqS7ZxBHJqVpgWUnF4DBSK6SxDjGTaPnmRJBBhLhrs0LZWF_i-hAPIILd6LO4zA9QErVjtav_5-2-Xp5C7Xdwv152X5HchetsNI6mzeFf1OoeZsPcdCDO/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://YOUR BLOG DOMAIN.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


  • Replace "Your Blog Domain" by the homepage URL.
  • Then, click on the "Options" on the right sidebar. Select "Don' allow (Hide Existing)". It's just to disallow readers' comments. Then, click- Done.
  • Finally, click on Publish, and then, view. Here's a screenshot:
add-a-sitemap-to-your-blogger-blog


  • Copy the URL of your Sitemap for next steps.
Yes, you have created your own Sitemap. Now, you can add this to your blogs' attribution.

Add a Sitemap to Blogger Attribution:

If you use a default template by blogger:
  • Go to Blogger Dashboard. Then, click- "Layout".
  • Scroll down to the "Attribution" at the bottom of the page. Click on "Edit".
  • Wait until the "Configure Attribution" box appears.
  • Now, copy the code given below and paste in the "Copyright (Optional)" box. Replace "URL of your Sitemap" with the URL you copied.
<a href="URL of Your Sitemap">Sitemap</a>
  • Then, Save.
Yes, you have successfully added your sitemap to attribution. But, if you use a custom Template collected from the Internet, then just follow the instructions given below:
  • Go to Blogger Dashboard > Template.
  • Click on the "Edit HTML".
  • Find- "Sitemap" by pressing (CTRL+F).
  • You'll find the HTML code given bellow. Just replace "#" by the URL of your sitemap.
<ul id='footer-navigation'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About Us</a></li>
  <li><a href='#'>Contact Us</a></li>
  <li><a href='#'>Sitemap</a></li>
  <li><a href='#'>Privacy Policy</a></li>
   </ul>
  • Then, Save Template. Then, View.
Here's your sitemap located in the footer attribution.
I think, you would be able to add a Sitemap to your blogger blog. If you are confused: feel free to ask a question. I shall gladly answer. Stay with us.
Thanks a lot.


If This Is Helpful: Then Please-
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 comments:

Post a Comment