Follow us on Youtube.  | Follow Website !

Search Suggest

Install the contents sitemap index page for the blog with punctuation NQnia



Blogger Archive with Pagination Sitemap or content index tool for blog with script I put it for you for free and in its new version with a dynamic view so that colors and direction of the language can be customized English or foreign and the tool can be made to display a specific section instead of a full display of publications.
The most important feature of the add-on is the easy view via digital navigation without reloading the entire page.
I also inform you that you can download the codes for this tool as a backup copy on your device, and you will find the codes without pressure or encryption to make it easy to read or amend them.

How to install the tool ?

  1. Go to the blogger platform Dashboard
  2. Scroll to the blog >> then to the pages >> then create a new page with the title, for example. Archive
  3. Go from setting to HTML then clear the code inside the editor
  4. Now copy the following codes and place them in the editor field





<style type='text/css'>
/**
 * [sitemap]
 * Blogger Archive with Pagination
 * update by NQNia On 5 March 2020
 */
 .rtl{direction:rtl;text-align:right;}
.ltr{direction:ltr;text-align:left;}
#toc-outer{font-family:inherit;font-size:12px;color:#666;margin:0 auto;padding:15px;background-color:#f8f8f8;}
#loadingscript{padding:10px;position:relative;overflow:hidden;width:100%;height:50px;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#loadingscript span.loading-Text{color:#d2d2d2;}
#loadingscript:before,#loadingscript:after{content:"";display:block;width:25px;height:25px;border-width:2px;border-style:solid;border-color:#cecece;margin:0 auto;font-size:10px;position:absolute;left:0;right:0;}
#loadingscript:after{-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}
.itemposts{margin:0 auto 20px;height:auto;background-color:white;overflow:hidden;display:block;}
.itemposts h6{margin:0 auto 2px;padding:10px 15px;text-transform:none;color:white;}
.itemposts h6 a{color:white;text-decoration:none;font-size:13px;}
.itemposts img{height:72px;width:72px;padding:0;background-color:white;border:0;}
.rtl .itemposts img{float:right;margin:2px 0 2px 10px;}
.ltr .itemposts img{float:left;margin:2px 10px 2px 0;}
.itemposts .iteminside{padding:20px;background-color:#ffffff;}
.itemposts .itemfoot{clear:both;padding:10px;margin:10px 0 0;background-color:#ffffff;border-top:7px dotted #f8f8f8;overflow:hidden;}
.itemposts .itemfoot span{position:relative;display:inline-block;margin:5px 2px;line-height:normal;}
.itemposts .itemfoot a.itemrmore{background:#f8f8f8;color:#949494;text-align:center;padding:5px 20px;float:left;text-decoration:none;}
.rtl .itemposts .itemfoot a.itemrmore{float:left;}
.ltr .itemposts .itemfoot a.itemrmore{float:right;}
#itempager{background-color:#ffffff;padding:30px 0;}
#pagination,#totalposts{color:#999;font-family:inherit;font-size:13px;padding:0;margin-bottom:10px;text-align:center;}
#pagination span,#pagination a{color:#949494;display:inline-block;margin:0 2px;padding:8px;min-width:30px;max-height:30px;line-height:1;text-indent:0;background-color:#f8f8f8;text-decoration:none;border-radius:100px;}
#pagination span.actual,#pagination a:hover{color:white;}
#pagination span.hidden{display:none;}
/*linear-gradient*/
.itemposts img,#loadingscript:before,#loadingscript:after{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
.itemposts .itemfoot a.itemrmore{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}
.itemposts,#itempager{-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
/*box-shadow*/
.itemposts,#itempager{-webkit-box-shadow:0 6px 15px rgba(0,0,0,0.06);-moz-box-shadow:0 6px 15px rgba(0,0,0,0.06);-ms-box-shadow:0 6px 15px rgba(0,0,0,0.06);-o-box-shadow:0 6px 15px rgba(0,0,0,0.06);box-shadow:0 6px 15px rgba(0,0,0,0.06);}
.itemposts img,.itemposts .itemfoot a.itemrmore:hover,.itemposts:hover{-webkit-box-shadow:0 6px 15px rgba(0,0,0,0.16);-moz-box-shadow:0 6px 15px rgba(0,0,0,0.16);-ms-box-shadow:0 6px 15px rgba(0,0,0,0.16);-o-box-shadow:0 6px 15px rgba(0,0,0,0.16);box-shadow:0 6px 15px rgba(0,0,0,0.16);}
/*keyframes*/
@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
/*linear-gradient*/
.gradient-orange .itemposts h6{background:-webkit-linear-gradient(50deg,#ffc410,#ffa610);background:-moz-linear-gradient(50deg,#ffc410,#ffa610);background:-ms-linear-gradient(50deg,#ffc410,#ffa610);background:-o-linear-gradient(50deg,#ffc410,#ffa610);background:linear-gradient(40deg,#ffc410,#ffa610);}
.gradient-blue .itemposts h6{background:#1fffac;background:-webkit-linear-gradient(50deg,#1fffac,#3aa2ff);background:-moz-linear-gradient(50deg,#1fffac,#3aa2ff);background:-ms-linear-gradient(50deg,#1fffac,#3aa2ff);background:-o-linear-gradient(50deg,#1fffac,#3aa2ff);background:linear-gradient(40deg,#1fffac,#3aa2ff);}
.gradient-red .itemposts h6{background:#1fffac;background:-webkit-linear-gradient(50deg,#754597,#ff4848);background:-moz-linear-gradient(50deg,#754597,#ff4848);background:-ms-linear-gradient(50deg,#754597,#ff4848);background:-o-linear-gradient(50deg,#754597,#ff4848);background:linear-gradient(40deg,#754597,#ff4848);}
/*color*/
.gradient-orange .itemposts .itemfoot{color:#fcb615;}
.gradient-blue .itemposts .itemfoot{color:#3aa2ff;}
.gradient-red .itemposts .itemfoot{color:#ff4848;}
/*background color*/
.gradient-orange #pagination span.actual,.gradient-orange #pagination a:hover{background-color:#fcb615;}
.gradient-blue #pagination span.actual,.gradient-blue #pagination a:hover{background-color:#3aa2ff;}
.gradient-red #pagination span.actual,.gradient-red #pagination a:hover{background-color:#ff4848;}
/*border color*/
.gradient-orange #loadingscript:after{border-left-color:#ffc410;}
.gradient-blue #loadingscript:after{border-left-color:#3aa2ff;}
.gradient-red #loadingscript:after{border-left-color:#ff4848;}
</style>
<script>
var siteUrl        = window.location.origin,
    rtl            = true,
    Themes         = "gradient-orange",
    montharabic    = true,
    showPostDate   = true,
    showComments   = true,
    sortByLabel    = false,
    labelSorter    = "html",
    loadingText    = "Loading...",
    totalPostLabel = "Number of threads:",
    jumpPageLabel  = "the page",
    commentsLabel  = "Comments",
    rmoreText      = "read more",
    prevText       = "the previous",
    nextText       = "next one",
    postPerPage    = 5,
    numChars       = 300,
    imgBlank       = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6pLMwBFsK8zvoy64Zi-s3cBibPtaEdguaQn2F-PXXchCaj7rS7Notjcwp1aN3bbEsYNiNQQO8Af1qncEx80U1tXHCdqKUuj5jQWUvjg7CtGiOAjgfJVKuhRYocrloTaWJGWiktZrVVM-J/s1600/no-img-300x300-blogg-code.jpg";
var minpage=6,maxpage=10,firstpage=0,pagernum=0,postsnum=0,actualpage=1;direction=rtl?"rtl":"ltr",document.write('<div class="'+direction+" "+Themes+'"><div id="toc-outer"><div id="results"></div><div id="itempager" style="position:relative;"><div id="pagination"></div><div id="totalposts"></div></div></div></div>');var _results=document.getElementById("results"),_pagination=document.getElementById("pagination"),_totalposts=document.getElementById("totalposts");function showPagePosts(a){var t,e,s,i,r,n,p,u="";0===pagernum&&(postsnum=parseInt(a.feed.openSearch$totalResults.$t),pagernum=parseInt(postsnum/postPerPage)+1);for(var l=0;l<postPerPage;l++)if("entry"in a.feed){if(l==a.feed.entry.length)break;e=(t=a.feed.entry[l]).title.$t;for(var o=0,c=t.link.length;o<c;o++)if("alternate"==t.link[o].rel){s=t.link[o].href;break}for(var m=0,g=t.link.length;m<g;m++)if("replies"==t.link[m].rel&&"text/html"==t.link[m].type){var d=t.link[m].title.split(" ")[0];break}(i="summary"in t?t.summary.$t.replace(/<br ?\/?>/gi," ").replace(/<.*?>/g,"").replace(/[<>]/g,""):"").length>numChars&&(i=0<numChars&&!1!==numChars?i.substring(0,numChars)+"...":"");var v=t.published.$t,f=v.substring(0,4),h=v.substring(5,7),_=v.substring(8,10);n=montharabic?["January","February","March","April","May","June","July","August","September","October","November","December"]:["January","February","March","April","May","June","July","August","September","October","November","December"],p=showPostDate?_+" "+n[parseInt(h,10)-1]+" "+f+" - ":"",r=showComments?d+" "+commentsLabel:"",u+='<div class="itemposts">',u+='<h6><a href="'+s+'" title="'+e+'">'+e+"</a></h6>",u+='<div class="iteminside"><a href="'+s+'"><img src="'+("media$thumbnail"in t?t.media$thumbnail.url:imgBlank)+'" /></a>',u+='<span class="summary">'+i+"</span></div>",u+='<div style="clear:both;"></div><div class="itemfoot"><span class="itemtime">'+p+'</span><span class="itemcomn">'+r+'</span><a class="itemrmore" href="'+s+'">'+rmoreText+"</a></div>",u+="</div>"}_results.innerHTML=u,_create_pagination()}function _create_pagination(){output="";var a=0;if(output+=(1<actualpage?'<a title="'+prevText+'" class="prevjson" href="javascript:_init_script('+(actualpage-1)+')">'+prevText+"</a>":'<span class="prevjson hidden">'+prevText+"</span>")+'<em style="font:inherit;color:inherit;" class="pagernumber">',pagernum<maxpage+1)for(a=1;a<=pagernum;a++)output+=a==actualpage?'<span class="actual">'+a+"</span>":'<a href="javascript:_init_script('+a+')">'+a+"</a>";else if(maxpage-1<pagernum)if(actualpage<minpage){for(a=1;a<maxpage-2;a++)output+=a==actualpage?'<span class="actual">'+a+"</span>":'<a href="javascript:_init_script('+a+')">'+a+"</a>";output+=" ... ",output+='<a href="javascript:_init_script('+parseInt(pagernum-1)+')">'+parseInt(pagernum-1)+"</a>",output+='<a href="javascript:_init_script('+pagernum+')">'+pagernum+"</a>"}else if(actualpage<pagernum-(minpage-1)&&minpage-1<actualpage){for(output+='<a href="javascript:_init_script(1)">1</a>',output+='<a href="javascript:_init_script(2)">2</a>',output+=" ... ",a=actualpage-2;a<=actualpage+2;a++)output+=a==actualpage?'<span class="actual">'+a+"</span>":'<a href="javascript:_init_script('+a+')">'+a+"</a>";output+=" ... ",output+='<a href="javascript:_init_script('+(pagernum-1)+')">'+parseInt(pagernum-1)+"</a>",output+='<a href="javascript:_init_script('+pagernum+')">'+pagernum+"</a>"}else for(output+='<a href="javascript:_init_script(1)">1</a>',output+='<a href="javascript:_init_script(2)">2</a>',output+=" ... ",a=pagernum-(minpage+1);a<=pagernum;a++)output+=a==actualpage?'<span class="actual">'+a+"</span>":'<a href="javascript:_init_script('+a+')">'+a+"</a>";output+="</em>"+(actualpage<a-1?'<a title="'+nextText+'" class="nextjson" href="javascript:_init_script('+(actualpage+1)+')">'+nextText+"</a>":'<span class="nextjson hidden">'+nextText+"</span>"),_pagination.innerHTML=output,_totalposts.innerHTML=totalPostLabel+" "+postsnum+" - "+jumpPageLabel+" "+(actualpage*postPerPage-(postPerPage-1))+(actualpage<a-1?" - "+actualpage*postPerPage:"")}function _init_script(a){var t,e,s=a*postPerPage-(postPerPage-1),i=document.getElementsByTagName("head")[0],r=sortByLabel?siteUrl+"/feeds/posts/summary/-/"+labelSorter+"?start-index="+s:siteUrl+"/feeds/posts/summary?start-index="+s;1==firstpage&&(document.documentElement.scrollTop=_results.offsetTop-30,document.body.scrollTop=_results.offsetTop-30,(t=document.getElementById("TEMPORAL")).parentNode.removeChild(t)),_results.innerHTML='<div id="loadingscript"><span class="loading-Text">'+loadingText+"</span></div>",_pagination.innerHTML="",_totalposts.innerHTML="",(e=document.createElement("script")).type="text/javascript",e.src=r+"&max-results="+postPerPage+"&orderby=published&alt=json-in-script&callback=showPagePosts",e.id="TEMPORAL",i.appendChild(e),firstpage=1,actualpage=a}window.onload=function(){_init_script(1)};
</script>




Post a Comment