Instructions for creating HTML sitemap for blogger

A sitemap is a component that should be on a blog or any website so that readers can easily follow and navigate the articles to make your blog more user-friendly and this article will help you add a site map for blogger. with a quite user-friendly interface.

Instructions for creating HTML sitemap for blogger

Instructions for creating HTML sitemap for blogger

Follow those steps to add a sitemap page in Blogger. Do all the steps carefully.

Step 1: First log in to your Blogger account and choose a website.

Step 2: Click Pages > New Page.

Step 3: Now Add Page Title and Switch Compose Mode to HTML Mode .

Step 4:  Use one of the following sitemap snippets to paste in the page. Replace the url  https://xtrlog.blogspot.com to yours.
Step 5:  Publish the newly created sitemap page.

Sample 1:  DEMO

<style type=”text/css”> 
.grid-sitemap { 
  overflow: hidden; 
  position: relative; 
  height: 565px; 
  margin: 20px 0 40px 0; 
.grid-sitemap iframe { 
   display: block; 
   width: 100%; 
   height: 680px; 
   margin-top: -115px; 
   margin-left: -5px; 
}   
</style> 
<div class=”grid-sitemap”> 
<iframe src=” https://xtrlog.blogspot.com /view/flipcard”></iframe> 
</div>
Form 2:  DEMO
<script type=”text/javascript”> 
var numposts = 500; 
var standardstyling = true; 
function showrecentposts(json) { 
for (var i = 0; i < numposts; i++) { 
var entry = json.feed.entry[i]; 
var posttitle = entry.title.$t; 
var posturl; 
if (i == json.feed.entry.length) break; 
for (var k = 0; k < entry.link.length; k++) { 
if (entry.link[k].rel == ‘alternate’) { 
posturl = entry.link[k].href; 
break;}} 
posttitle = posttitle.link(posturl); 
if (standardstyling) document.write(‘<li>’); 
document.write(posttitle); 
if (standardstyling) document.write(‘</li>’); 
</script> 
<br />
https://xtrlog.blogspot.com /feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script></ul>
Form 3:  DEMO
<style> 
p.labels a{color:#000000 
;font-size: 18px;} 
a.post-titles {color:#ff3300;} 
ol li{list-style-type:decimal;line-height:25px;} 
</style> 
<script> 
//<![CDATA[
k+=” (newest first)”}if(sortBy==”titledesc”){m+=” (ascending)”;k+=” (newest first)”}if(sortBy==”dateoldest”){m+=” ( “;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> 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.
//]]> 
</script> 
<script src=” https://xtrlog.blogspot.com /feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap”>< /script>
Model 4 DEMO
<style type=”text/css”> #toc{width:99%;margin:5px auto;border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px; padding:1px 0 2px 11px;background: #3498DB; border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;} .labl a{color:#fff;} .labl:first-letter{text- transform:uppercase;}a .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> 
<div id=”toc”
<script type=”text/javascript”>
2 g=u[f];u[f]=u[h];u[h]=g;2 g=6[f];6[f]=6[h];6[h]=g; 2 g=w[f];w[f]=w[h];w[h]=g;2 g=y[f];y[f]=y[h];y[h]=g} B(2 b=d;b<c-1;b++){B(2 a=b+1;a<c;a++){4(3[b]>3[a]){e(b,a )}}}}r K(a){2 l=0;2 h=””;2 e=”25 Z”;2 m=”11 12 2p 2s 2A”;2 d=”2L”;2 k =”11 12 1I 1J 1K”;2 c=”1L”;2 j=””;4(7==”L”){m+=” (1N)”;k+=” (14 V)”}4 (7==”15″){m+=” (1l)”;k+=” (14 V)”}4(7==”1g”){m+=” (1l)”;k+=” (14 V) )”}4(7==”R”){m+=” (1l)”;k+=” (1S V)”}4(E!=””){j=”11 12 1Y 31″}h+= “<1t>”;h+=”<n>”;h+='<5 8=”iW-1b”>’;h+='<as=”1c:1o();” O=”‘+m+'”>’+e+”</a>”;h+=”< >’+J+”</a></C><1y 8=’24’>”);T=a;1p{9.x(“<1z>”);9.x(‘ <as=”‘+u[a]+'”>’+3[a]+”</a>”);4(y[a]==13){9.x(‘ – <c 8=”F”>26!</C>’)}9.x(“</1z>”);a=a+1}S(6[a]==J);b=a ;9.x(“</1y>”);1j(T,a);4(b>3.v){U}}}r 1o(){4(7==”L”){7= “15”}I{7=”L”}P(7);K(E)}r 1q(){4(7==”R”){7=”1g”}I{7=”R” }P(7);K(E)}r 1A(){4(17){K(E);2 a=9.Y(“1B”)}I{29(“2a 2b… 1C 2d 2e”)}}r 2f(){2 a=9.Y(“i”);a.1k=””;2 b=9.Y(“1B”);b.1k='<as= “#” 2g=”1F(0,0); 1A(); 2h.2i(\’i-2j\’,\’2k\’);”>?? 1h 2l 2m</a> <2n 2o=”1D://2q.2r.1E/2t.2u”/>’
</script> 
<script src=”/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”> </script></div>
Copy the code to paste in the new page in HTML mode then publish the page.

Click to rate this post!
[Total: 0 Average: 0]
7
Subscribe
Notify of
guest
0 Góp ý
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x