What is Sitemap?
The sitemap is a simple page that contains the data of all your pages and posts on your site. It helps to rank on Google to help your website read to bots and Crawlers.
How to Work this Script?
This sitemap script streamlines all the pages of your website and makes it easier for the user to view the pages on your website. This means that the sitemap script displays all the pages on your website individually according to its type. This blogger sitemap page presents a much more advanced variant display than the entire WordPress sitemap page.
Pros
- Improve Ranking on Google
- Helps to google bots and crawler tool
- This script helps to User can see All Posts on your Website.
- This Script Gives Designer look to your sitemap page like WordPress Website.
Cons
- No Disadvantages on this Designer Sitemap page Script in Blogger
Features
- Stylish Ui design for blogger
- Fully Responsive on any device
- Easily access interface
- Category wise post-shower
- Show new post label on resent post
How to add Sitemap page Script in blogger Step by step
Step 1: Log in to Your Blogger Account on your Device.
Step 2: Select Page Section on your blogger account and Click the "Add New Page" Option.
Step 3: Change Edit Html Mode And Copy the Sitemap Script Page script on Downloaded File
Step 4: Paste the Copied Script on your newly Created Page and Save The Page.
<div class="Mathmethod-tab" id="Mathmethod-tab"></div>
<script>
var tabbedTAB={blogUrl:"https://mathmethod.net/",containerId:"Mathmethod-tab",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:#ff0000;">New</em>'};
!function(a,b){var c=(new Date).getTime(),d={blogUrl:"https://mathmethod.net",containerId:"Mathmethod-tab",activeTab:1,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:!1,newText:' – <em style="color:#ff0000;">New!</em>'};if("undefined"==typeof tabbedTAB)tabbedTAB=d;else for(var e in d)d[e]="undefined"!=typeof tabbedTAB[e]?tabbedTAB[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b.getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g)c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f=parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g.showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!==!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="tab-line"></span><ul class="tab-tabs">';for(var m=0,n=i.length;n>m;++m)j+='<li class="tab-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false;" onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="tab-content">';for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"',j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t.replace(/<br *\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.numChars)+"…":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+r.media$thumbnail.url.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+g.noThumb.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10)+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,A=r.link.length;A>z;++z)if("alternate"===r.link[z].rel){q=r.link[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g.showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries?'<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li>")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId).innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g.src=d.blogUrl.replace(/\/+$|[\?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function(){f.appendChild(g)}}(window,document);
</script>
<style scoped="" type="text/css">
.Mathmethod-tab{border-radius:15px;margin:0 auto;position:relative;opacity: .9;background:linear-gradient(90deg, rgb(169, 108, 232), rgb(0, 115, 183));background-size:400% 400%;animation:Gradient 15s ease infinite}
.Mathmethod-tab .loading{display:block;padding:2px 12px;color:#fff}
.Mathmethod-tab ul,.Mathmethod-tab ol,.Mathmethod-tab li{list-style:none;color: #fff; margin:0;padding:0}
.Mathmethod-tab .tab-tabs{width:20%;float:left}
.Mathmethod-tab .tab-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.Mathmethod-tab .tab-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.Mathmethod-tab .tab-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.Mathmethod-tab .tab-content,.Mathmethod-tab .tab-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.Mathmethod-tab .tab-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
.Mathmethod-tab .panel{position:relative;z-index:5}
.Mathmethod-tab .panel li a{text-decoration: none;color:#737373;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.Mathmethod-tab .panel li time{display:block;font-weight:bold;font-size:11px;color:#4285f4;float:right}
.Mathmethod-tab .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.Mathmethod-tab .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.Mathmethod-tab .panel li{background-color:#f9f9f9;margin:0}
.Mathmethod-tab .panel li:nth-child(even){background-color:#fff}
.Mathmethod-tab .panel li a:hover,.Mathmethod-tab .panel li a:focus,.Mathmethod-tab .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.Mathmethod-tab .panel li a em{background:#0998ce;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.Mathmethod-tab .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.Mathmethod-tab .tab-tabs,.Mathmethod-tab .tab-content{overflow:hidden;width:auto;float:none;display:block}.Mathmethod-tab .tab-tabs li{display:inline;float:left}.Mathmethod-tab .tab-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.Mathmethod-tab .tab-content{border:none}.Mathmethod-tab .tab-line,.Mathmethod-tab .panel li time{display:none}}
</style>
Step 5: Well Done. and one more thing Do not forget to Change the Blogger URL on Script.
Custom Modification
Enter the URL of your website instead of the red word (https://mathmethod.net/) in this script.
Site Map Page- Demo