HTML Sitemap is primarily for your blog readers and also helpful for SEO. It helps your readers who want to search your blog using labels or keywords.
{getToc} $title={Table of Contents}
How to Create An HTML Sitemap on Blogspot It's easy way to make.
Open the Blogger dashboard, navigate to the Pages menu given on the left sidebar, and click on the New Page button. Enter the title of the HTML Sitemap page. You may keep it Site Map, Table of Content, or any other suitable title. Next, switch to HTML view, and copy & paste the given HTML sitemap code on the page.
Style No.1
<script type='text/javascript'>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 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 = "titledesc";sortPosts(sortBy);sortlabel();displayToc();}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() {var a = 0;var b = 0;while (b < postTitle.length) {temp1 = postLabels[b];document.write("");document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');firsti = a;do {document.write("<p>");document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");if (postRecent[a] == true) {document.write(' - <strong><span>New!</span></strong>')}document.write("</a></p>");a = a + 1} while (postLabels[a] == temp1);b = a;document.write("</div></div>");sortPosts2(firsti, a);if (b > postTitle.length) {break}}}</script><script src="https://ownerssolutions.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>{codeBox}
Style No.2
<div id="tp_blogindex">Please wait... To See HTML sitemap...</div><script>function loadblogindex(a){function b(){if("entry"in a.feed){var b=a.feed.entry.length;totalEntires=totalEntires+b;totalPosts=a.feed.openSearch$totalResults.$t;if(totalPosts>totalEntires){var c=document.createElement("script");c.type="text/javascript";startindex=totalEntires+1;c.setAttribute("src","/feeds/posts/summary?start-index="+startindex+"&max-results=500&alt=json-in-script&callback=loadblogindex");blogindexdiv.appendChild(c)}for(var d=0;d<b;d++){var e=a.feed.entry[d];var f=e.title.$t;var g=e.published.$t.substring(0,10);var h;for(var i=0;i<e.link.length;i++){if(e.link[i].rel=="alternate"){h=e.link[i].href;break}}if("content"in e){var j=e.content.$t}else if("summary"in e){var j=e.summary.$t}else var j="";var k=/<\S[^>]*>/g;j=j.replace(k,"");if(j.length>numChars){j=j.substring(0,numChars);var l=j.lastIndexOf(" ");j=j.substring(0,l)+"..."}var m="";if("category"in e){for(var i=0;i<e.category.length;i++){m+="<a href=\"javascript:filterPosts('"+e.category[i].term+"');\" title=\" Click to see all posts under '"+e.category[i].term+"'\">"+e.category[i].term+"</a>, "}var n=m.lastIndexOf(",");if(n!=-1){m=m.substring(0,n)}}postTitle.push(f);postDate.push(g);postUrl.push(h);postSum.push(j);postLabels.push(m)}}if(totalEntires==totalPosts){blogindexLoaded=true;showblogindex()}}b();sortPosts(sortBy);blogindexLoaded=true}function filterPosts(a){postFilter=a;displayblogindex(postFilter)}function allPosts(){postFilter="";displayblogindex(postFilter)}function sortPosts(a){function b(a,b){var c=postTitle[a];postTitle[a]=postTitle[b];postTitle[b]=c;var c=postDate[a];postDate[a]=postDate[b];postDate[b]=c;var c=postUrl[a];postUrl[a]=postUrl[b];postUrl[b]=c;var c=postSum[a];postSum[a]=postSum[b];postSum[b]=c;var c=postLabels[a];postLabels[a]=postLabels[b];postLabels[b]=c}for(var c=0;c<postTitle.length-1;c++){for(var d=c+1;d<postTitle.length;d++){if(a=="titleasc"){if(postTitle[c]>postTitle[d]){b(c,d)}}if(a=="titledesc"){if(postTitle[c]<postTitle[d]){b(c,d)}}if(a=="dateoldest"){if(postDate[c]>postDate[d]){b(c,d)}}if(a=="datenewest"){if(postDate[c]<postDate[d]){b(c,d)}}}}}function displayblogindex(a){var b=0;var c="";var d="Post Title";var e="Sort by post titles";var f="Published";var g="Click to sort by date published";var h="Label";var i="";if(sortBy=="titleasc"){e+=" (Newest first)";g+=" (Newest first)"}if(sortBy=="titledesc"){e+=" (Oldest first)";g+=" (Oldest first)"}if(sortBy=="dateoldest"){e+=" (Oldest first)";g+=" (Newest first)"}if(sortBy=="datenewest"){e+=" (Oldest first)";g+=" (Oldest first)"}if(postFilter!=""){i="Show all blog posts"}c+="<table>";c+="<tr>";c+='<td class="blogindex-header-col1">';c+='<a href="javascript:toggleTitleSort();" title="'+e+'">'+d+"</a>";c+="</td>";c+='<td class="blogindex-header-col2">';c+='<a href="javascript:toggleDateSort();" title="'+g+'">'+f+"</a>";c+="</td>";c+='<td class="blogindex-header-col3">';c+='<a href="javascript:allPosts();" title="'+i+'">'+h+"</a>";c+="</td>";c+="</tr>";for(var j=0;j<postTitle.length;j++){if(a==""){c+='<tr><td class="blogindex-entry-col1"><a href="'+postUrl[j]+'" title="'+postSum[j]+'">'+postTitle[j]+'</a></td><td class="blogindex-entry-col2">'+postDate[j]+'</td><td class="blogindex-entry-col3">'+postLabels[j]+"</td></tr>";b++}else{z=postLabels[j].lastIndexOf(a);if(z!=-1){c+='<tr><td class="blogindex-entry-col1"><a href="'+postUrl[j]+'" title="'+postSum[j]+'">'+postTitle[j]+'</a></td><td class="blogindex-entry-col2">'+postDate[j]+'</td><td class="blogindex-entry-col3">'+postLabels[j]+"</td></tr>";b++}}}c+="</table>";if(b==postTitle.length){var k='<span class="blogindex-note">Populated '+postTitle.length+" blog posts<br/></span>"}else{var k='<span class="blogindex-note">Out of '+postTitle.length+" blog posts, the Label '";k+=postFilter+"' has only "+b+" posts<br/></span>"}blogindexdiv.innerHTML=k+c}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayblogindex(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayblogindex(postFilter)}function showblogindex(){if(blogindexLoaded){displayblogindex(postFilter);var a=document.getElementById("blogindexlink")}else{alert("Please wait... Populating an HTML Sitemap...")}}function hideblogindex(){var a=document.getElementById("blogindex");a.innerHTML="";var b=document.getElementById("blogindexlink");b.innerHTML='<a href="#" onclick="scroll(0,0); showblogindex(); Effect.toggle('+"'blogindex-result','blind');"+'">» Show an HTML Sitemap</a> <img src="data:image/gif;base64,R0lGODlhHAALAKIAAP/////MAP+ZAP8AAMwA/wD/AAAz/wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/nZERU1PIFZFUlNJT04gOiBCdWlsdCB3aXRoIGFuIFVOUkVHSVNURVJFRCBjb3B5IG9mIEdJRiBNb3ZpZSBHZWFyIDIuNg0KZnJvbSBnYW1hbmkgcHJvZHVjdGlvbnMgKGh0dHA6Ly93d3cuZ2FtYW5pLmNvbSkuACH+HUdpZkJ1aWxkZXIgMC4yIGJ5IFl2ZXMgUGlndWV0ACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/mqMJSerVLpxLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/kqIJSerVDpxLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/iqEJSerVLpwLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/qqUJSerVLpyLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/sqYJSerVDpzLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/oqQJSerVDpyLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/sqYJSerVDpzLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/qqUJSerVLpyLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/iqEJSerVLpwLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTACH5BAUKAAAALAAAAAAcAAsABwNCCLrc/kqIJSerVDpxLK9gR3VYdIjfqX6hJJpsR1Zk7VpAnJ6Tro893gwmC+I+RJBLhtJEnDmOaqbMvSBKaKME6XoTADs="/>'}var postTitle=new Array;var postUrl=new Array;var postDate=new Array;var postSum=new Array;var postLabels=new Array;var sortBy="datenewest";var blogindexLoaded=false;var numChars=250;var postFilter="";var blogindexdiv=document.getElementById("tp_blogindex");var totalEntires=0;var totalPosts=0;document.write('<a href="https://ownerssolutions.blogspot.com/2022/02/how-to-create-html-sitemap-on-blogspot.html" target="_blank" rel="nofollow noopener noreferrer">Click Here To Create an Sitemap on Your Own Blogspot Website</'+'a>');</script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadblogindex" type="text/javascript"></script><style>#tp_blogindex{border:0px solid #000; background:none; padding:5px; width:99%; margin-top:10px}.blogindex-header-col1, .blogindex-header-col2, .blogindex-header-col3{background:rgb(255,153,0); padding-left:5px; width:45%}.blogindex-header-col2{width:15%}.blogindex-header-col3{width:40%}.blogindex-header-col1 a:link, .blogindex-header-col1 a:visited, .blogindex-header-col2 a:link, .blogindex-header-col2 a:visited, .blogindex-header-col3 a:link, .blogindex-header-col3 a:visited{font-size:120%; font-family:Arial; text-decoration:none; color:#fff; font-weight:bold}.blogindex-header-col1 a:hover, .blogindex-header-col2 a:hover, .blogindex-header-col3 a:hover{font-size:120%; text-decoration:underline; font-weight:bold}.blogindex-entry-col1, .blogindex-entry-col2, .blogindex-entry-col3{padding-left:5px; font-size:100%}</style> {codeBox}
Conclusions:
Here we show how to create an HTML sitemap on Blogspot 2 style. You can use any one your favorite. If any change is required you can change it no matter. You can download it from our site as a text file.
0 Comments