Home
Blogger Guide
Coding Guide

Designer Sitemap page Script in Blogger Free

Designer Sitemap page Script in Blogger Free

Hi dude, let's see how to set up a designer sitemap Page script in blogger. This script gives a beautiful look to your blogger's website. And this script can run on all blogger websites. Also, installing it on your website is very, very simple. Before we look at how to install it on your website, let's see what a sitemap is.

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

You to Download This Script Please Hit the Download Button And Download All File

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="Pixabin-tab" id="Pixabin-tab"></div>
<script>
var tabbedTAB={blogUrl:"https://pixabin.blogspot.com/",containerId:"Pixabin-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:' &ndash; <em style="color:#ff0000;">New</em>'};
!function(a,b){var c=(new Date).getTime(),d={blogUrl:"https://pixabin.com",containerId:"Pixabin-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:' &ndash; <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)+"&hellip;":""),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">
.Pixabin-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}
.Pixabin-tab .loading{display:block;padding:2px 12px;color:#fff}
.Pixabin-tab ul,.Pixabin-tab ol,.Pixabin-tab li{list-style:none;color: #fff; margin:0;padding:0}
.Pixabin-tab .tab-tabs{width:20%;float:left}
.Pixabin-tab .tab-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.Pixabin-tab .tab-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.Pixabin-tab .tab-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.Pixabin-tab .tab-content,.Pixabin-tab .tab-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.Pixabin-tab .tab-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
.Pixabin-tab .panel{position:relative;z-index:5}
.Pixabin-tab .panel li a{text-decoration: none;color:#737373;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.Pixabin-tab .panel li time{display:block;font-weight:bold;font-size:11px;color:#4285f4;float:right}
.Pixabin-tab .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.Pixabin-tab .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.Pixabin-tab .panel li{background-color:#f9f9f9;margin:0}
.Pixabin-tab .panel li:nth-child(even){background-color:#fff}
.Pixabin-tab .panel li a:hover,.Pixabin-tab .panel li a:focus,.Pixabin-tab .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.Pixabin-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}
.Pixabin-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){.Pixabin-tab .tab-tabs,.Pixabin-tab .tab-content{overflow:hidden;width:auto;float:none;display:block}.Pixabin-tab .tab-tabs li{display:inline;float:left}.Pixabin-tab .tab-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.Pixabin-tab .tab-content{border:none}.Pixabin-tab .tab-line,.Pixabin-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://pixabin.blogspot.com/) in this script.

Final Words:

Thanks for reading this web post. We hope this Sitemap Page script will help your blogger website. Our website always needs your support. So we ask you to share this page. Also, follow our website on Google News. And you want any help please contact or comment on this website.

Post a Comment