Create Sitemap In Blogspot Website Free Download. It's easy to use.
{getToc} $title={Table of Contents}
Step 1: Login your blogspot website.
Step 2: Go Page option
Step 3: create new page
Step 4: Title Sitemap
Step 5: default option shown Compose View, just above change
it HTML view
Step 6: put your page copy code
Step 7: Published
Sitemap Style-1 Preview
Style-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://learningmaterils.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>
{codeBox}
{getButton} $text={Sitemap HTML Code} $icon={download}
Sitemap Style-2 Preview
Style-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}
{getButton} $text={Sitemap HTML Code} $icon={download}