How To Create HTML Sitemap Page in Blogger Blog

How To Create HTML Sitemap Page in Blogger Blog [ Latest Edition ]

What is a Blogger blog Sitemap Page

Blogger Blogspot sitemap is a complete list of any blog posts which helps crawlers and search engine bots to crawl your entire blog properly. HTML Sitemap helps search engines to increase crawl rate and also helps in fast indexing of your recently published blog posts. Through sitemap, a search engine can crawl about all the posts on your blog. A sitemap is for those crawlers to update your blog on search engines.Basically, the HTML sitemap page is like a table of content of any blogger blog. It will list all of blog posts titles. If the users go to the blogger sitemap page, they can browse all of recently and previously published blog posts titles.
But unfortunately, sitemap page for your blogger blog is not available by default in the admin panel. HTML Sitemap page is essential even in other blogging (Like WordPress, Joomla, Tumbler, etc.). If you don't have sitemap page on your blog and don't know how to create HTML sitemap for blogger blog, then you are at right place. Here I will guide you to make a sitemap page (with an HTML coding ) in just two minutes, which lists all published posts according to posts Labels. To create a sitemap page for your blogger blog, you must put little HTML code. But don't worry we keep it short and simple. Just implement the HTML code which is given below, and you will get your blogger blog sitemap. So here are some simple steps to create a sitemap for your blog.

Create HTML Sitemap Page in Blogger Blog

Here i will teach you How to generate a complete HTML sitemap page for your Blogger blog that mentions all your blog posts. That HTML Sitemaps will help all search engines to better index your blog. Let's begin.

Step 1: Create a new page in blogger

Log In to Blogger and go to the blogger admin panel, click pages tab from sidebar menu and create a New Page.
How To Create HTML Sitemap Page in Blogger Blog [ Latest Edition ]

Step 2: Copy  HTML code

Type the Page Title as "Sitemap" and Paste the following code into the HTML section of the newly created page,  and then hit publish.
How To Create HTML Sitemap Page in Blogger Blog [ Latest Edition ]
HTML Coding of sitemap page for your Blogger blog
 <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"><a href="http://www.pufmag.com/" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></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="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/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://www.yourblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>  

Note: Be sure you replace "http://www.yourblog.com" with your real blog/website URL address instead of which you can find at the last lines of code.

Step 3: Add a Gadget

If you not set then add a Gadget to enable the pages.
How To Create HTML Sitemap Page in Blogger Blog [ Latest Edition ]

Step 4: Save the Gadget

Just type the title and check the sitemap checkbox and hit save button, now go to your blog homepage and reload the page.
How To Create HTML Sitemap Page in Blogger Blog [ Latest Edition ]
Finally, you have successfully created a label specific HTML sitemap page for your blogger blog. 

Customization

One crucial thing, click on the Options on the right side of the page and select "Do not allow Comments option. If you have more then 100 posts, you can change the code of the "numposts." var numposts=500;
The Index of the blog posts are arranged alphabetically, and the new blog posts get updated automatically to the sitemap. 

Final Words

This is enough to help you to create sitemap page for your blogger blog. Follow all the steps correctly. I hope this article on How to Create Sitemap Page in Blogger Bog is helpful for you. If you suffer any problems in creating sitemap page for your blogger blog (like not found or blank page), kindly leave a comment below.
Name

Reviews,5,Tips & Tricks,34,Tutorial,36,
ltr
item
Pufmag: How To Create HTML Sitemap Page in Blogger Blog
How To Create HTML Sitemap Page in Blogger Blog
Sitemap Page in Blogger Blog display your Posts List in Table, Here are simple steps to Create HTML Sitemap Page in Blogger Blog. HTML sitemap page included each and every page of your blogger blog.
https://3.bp.blogspot.com/-eHx_keJcSgQ/Wk7cuBmgtuI/AAAAAAAAARA/1aHEL3sdCewLP8d5cGEWsus77UeXAh7XgCLcBGAs/s640/How%2BTo%2BCreate%2BHTML%2BSitemap%2BPage%2Bin%2BBlogger%2BBlog%2B1.jpg
https://3.bp.blogspot.com/-eHx_keJcSgQ/Wk7cuBmgtuI/AAAAAAAAARA/1aHEL3sdCewLP8d5cGEWsus77UeXAh7XgCLcBGAs/s72-c/How%2BTo%2BCreate%2BHTML%2BSitemap%2BPage%2Bin%2BBlogger%2BBlog%2B1.jpg
Pufmag
https://www.pufmag.com/2018/01/Create-Sitemap-Page-Blogger.html
https://www.pufmag.com/
https://www.pufmag.com/
https://www.pufmag.com/2018/01/Create-Sitemap-Page-Blogger.html
true
1205458358407023837
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy