Would you need to add an HTML sitemap page to Blogger? Along these lines, come to the perfect locations. Most fledglings don't have the foggiest idea of what a site map is and what its definitions are.
You feel that not everything in your home is perfectly positioned. Then, at that point, there will be a walk in the park making the opportunity you really want anything. In this way, assuming that a site is connected and coordinated well, guests can without much of a stretch see all the substance. If so with the Sitemap page, you ought to.
In a word, a sitemap page is a route place where joins with all old and refreshed titles are put away. Hence, a particular document joins the page of the relative multitude of post pages and record joins on the site into a custom page.
Essential, a sitemap is like a total list of chapters for your whole site content. Thus, Which adds your custom pages utilizing information shortcodes. From which the entire thought of the site is gotten.
In a word, blogger HTML sitemap page arranged all post connections title in sequential request sort by old and new importance. HTML sitemap catch and get away from stockroom organized connection posting the pages of implanting RSS channel joins from the site.
In this article, I will clarify what is HTML sitemap? - how to handily make to add a sitemap page in a blogger. In like manner, Today I went to impart to you the 10 Best Stylish plan sitemap pages for blogger blog.
Why Important Sitemap?
Would you like to get ordered via web crawlers and rank every one of the pages of your site, yet need a compelling arrangement? Make HTML and XML sitemaps to assist with looking through motors like Google, Yahoo, and Bing Webmaster to get the outcomes you need!
You can make a wide range of sitemap record types. In any case, some eminent themes incorporate text URL list, HTML, RSS/ROR, XML, video, picture, and portable sitemap.
This site offers a note to a fast illustration of the best way to get everything rolling. XML Sitemap Creator can ascertain need esteems for all pages on your site while making XML sitemaps.
Blogger and Sitemap Page
Blogger is a google free website facilitating stage, Which makes and conveyed by a subdomain of blogspot.com. In this way, when you ought to make a free Blogspot blog you should require a careful page on your blog that is a Sitemap Page.
Pondering, you can Don't do it simply. Since Blogger doesn't have the specialized module that guarantees similarity with making sitemaps like WordPress.
WordPress has a huge number of free and premium modules accessible, which use to make a magnificent sitemap page in a moment.
What is the Sitemaps Page?
A site map is a worklist of the landing pages of a website within a domain.
There are three main types of sitemaps:
- Designers sitemaps.
- Human-visible lists, Normally structured lists.
- Structured listings intended for web crawlers.
What is an HTML page?
What is XML Sitemap?
HTML Sitemap versus XML Sitemap
Benefits XML sitemap
- It covers pages that are searchable by search engines.
- Gives engine page index trends and thus facilitates crawls. Displays search engine information.
- XML is additionally accessible through your accommodation to Google Webmaster Central.
Design 1. Simple CSS & HTML with sitemap HTML Table
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/a/AVvXsEgAcszXVg083utzfwdFPfDr1vYUa85ObqBLHn1wY7yj1eERe4Oh8w1pTbileDd83Bs2cLqkiPOeWBp_RyZ0Ss2FqOWpQ1bR-3sJPYEiV3-LJAGJbUxGGEBGtB-uYuXu2dy536GwlVLhTRKkDHx0glDe-JQWrc4wq3DXCwx2Q1bvqn-gsNZUCnYpTGAL=s16000" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" style="border: none;" data-original-height="444" data-original-width="1200" src="https://blogger.googleusercontent.com/img/a/AVvXsEgAcszXVg083utzfwdFPfDr1vYUa85ObqBLHn1wY7yj1eERe4Oh8w1pTbileDd83Bs2cLqkiPOeWBp_RyZ0Ss2FqOWpQ1bR-3sJPYEiV3-LJAGJbUxGGEBGtB-uYuXu2dy536GwlVLhTRKkDHx0glDe-JQWrc4wq3DXCwx2Q1bvqn-gsNZUCnYpTGAL=s16000" title="Sitemap Arlina Code" /></a></div> <div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=99999&callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7} #bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px} #bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)} @media screen and (max-width:768px) { #bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}} </style>
Design 2. Categories Basic Simple List Sitemap
<scripttype='text/javascript'> varpostTitle = newArray(); varpostUrl = newArray(); varpostPublished = newArray(); varpostDate = newArray(); varpostLabels = newArray(); varpostRecent = newArray(); varsortBy = "titleasc"; varnumberfeed = 0; functionbloggersitemap(a) { functionb() { if ("entry" ina.feed) { vard = a.feed.entry.length; numberfeed = d; ii = 0; for (varh = 0; h < d; h++) { varn = a.feed.entry[h]; vare = n.title.$t; varm = n.published.$t.substring(0, 10); varj; for (varg = 0; g < n.link.length; g++) { if (n.link[g].rel == "alternate") { j = n.link[g].href; break } } varo = ""; for (varg = 0; g < n.link.length; g++) { if (n.link[g].rel == "enclosure") { o = n.link[g].href; break } } varc = ""; if ("category" inn) { for (varg = 0; g < n.category.length; g++) { c = n.category[g].term; varf = 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(); } functionsortPosts(d) { functionc(e, g) { varf = postTitle[e]; postTitle[e] = postTitle[g]; postTitle[g] = f; varf = postDate[e]; postDate[e] = postDate[g]; postDate[g] = f; varf = postUrl[e]; postUrl[e] = postUrl[g]; postUrl[g] = f; varf = postLabels[e]; postLabels[e] = postLabels[g]; postLabels[g] = f; varf = postPublished[e]; postPublished[e] = postPublished[g]; postPublished[g] = f; varf = postRecent[e]; postRecent[e] = postRecent[g]; postRecent[g] = f } for (varb = 0; b < postTitle.length - 1; b++) { for (vara = 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) } } } } } functionsortlabel() { sortBy = "orderlabel"; sortPosts(sortBy); vara = 0; varb = 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 } } } functionsortPosts2(d, c) { functione(f, h) { varg = postTitle[f]; postTitle[f] = postTitle[h]; postTitle[h] = g; varg = postDate[f]; postDate[f] = postDate[h]; postDate[h] = g; varg = postUrl[f]; postUrl[f] = postUrl[h]; postUrl[h] = g; varg = postLabels[f]; postLabels[f] = postLabels[h]; postLabels[h] = g; varg = postPublished[f]; postPublished[f] = postPublished[h]; postPublished[h] = g; varg = postRecent[f]; postRecent[f] = postRecent[h]; postRecent[h] = g } for (varb = d; b < c - 1; b++) { for (vara = b + 1; a < c; a++) { if (postTitle[b] > postTitle[a]) { e(b, a) } } } } functiondisplayToc() { vara = 0; varb = 0; while (b < postTitle.length) { temp1 = postLabels[b]; document.write(""); document.write('<divclass="post-archive"><h4>' + temp1 + '</h4><divclass="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> <scriptsrc="http://www.yourblog.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>Design 3. PRO Stylish Elegant HTML Sitemap<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/a/AVvXsEgAcszXVg083utzfwdFPfDr1vYUa85ObqBLHn1wY7yj1eERe4Oh8w1pTbileDd83Bs2cLqkiPOeWBp_RyZ0Ss2FqOWpQ1bR-3sJPYEiV3-LJAGJbUxGGEBGtB-uYuXu2dy536GwlVLhTRKkDHx0glDe-JQWrc4wq3DXCwx2Q1bvqn-gsNZUCnYpTGAL=s16000" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" data-original-height="444" data-original-width="1200" src="https://blogger.googleusercontent.com/img/a/AVvXsEgAcszXVg083utzfwdFPfDr1vYUa85ObqBLHn1wY7yj1eERe4Oh8w1pTbileDd83Bs2cLqkiPOeWBp_RyZ0Ss2FqOWpQ1bR-3sJPYEiV3-LJAGJbUxGGEBGtB-uYuXu2dy536GwlVLhTRKkDHx0glDe-JQWrc4wq3DXCwx2Q1bvqn-gsNZUCnYpTGAL=s16000" style="border: none;" title="Sitemap Arlina Code" /></a></div> <div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=99999&callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7} #bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px} #bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)} @media screen and (max-width:768px) { #bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}} </style>
How to Add Sitemap Page on Blogger
<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="http://www.yourblog.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script