Script paginare ~ Blogul lui Petre Vitan

Widget Paginare Blogspot Realizat de petre-vitan

Previzualizare stil butoane:

Creat de: petre-vitan

« Inapoi 1 2 3 ... Urmatoarea pagina »

Codul sursă de copiat:

<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=5;
var numshowpage=6;
var upPageWord ='« Inapoi';
var downPageWord ='Urmatoarea pagina »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>

<script type='text/javascript'>
/*<![CDATA[*/
/* Script realizat de petre-vitan */
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();
function loophalaman(banyakdata){
  var html='';
  nomerkiri=parseInt(numshowpage/2);
  if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}
  mulai=nomerhal-nomerkiri;
  if(mulai<1)mulai=1;
  maksimal=parseInt(banyakdata/postperpage)+1;
  if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;
  akhir=mulai+numshowpage-1;
  if(akhir>maksimal)akhir=maksimal;
  html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";
  var prevnomer=parseInt(nomerhal)-1;
  if(nomerhal>1){
    if(nomerhal==2){
      if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}
      else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}
    }else{
      if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}
      else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}
    }
  }
  if(mulai>1){
    if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}
    else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}
  }
  if(mulai>2){html+=' ... '}
  for(var jj=mulai;jj<=akhir;jj++){
    if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}
    else if(jj==1){
      if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}
      else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}
    }else{
      if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}
      else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}
    }
  }
  if(akhir<maksimal-1){html+='🔷'}
  if(akhir<maksimal){
    if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}
    else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}
  }
  var nextnomer=parseInt(nomerhal)+1;
  if(nomerhal<maksimal){
    if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}
    else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}
  }
  var pageArea=document.getElementsByName("pageArea");
  var blogPager=document.getElementById("blog-pager");
  for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
  if(pageArea&&pageArea.length>0){html=''}
  if(blogPager){blogPager.innerHTML=html}
}
function hitungtotaldata(root){
  var feed=root.feed;
  var totaldata=parseInt(feed.openSearch$totalResults.$t,10);
  loophalaman(totaldata);
}
function halamanblogger(){
  var thisUrl=urlactivepage;
  if(thisUrl.indexOf("/search/label/")!=-1){
    if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}
    else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}
  }
  if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){
    if(thisUrl.indexOf("/search/label/")==-1){
      jenis="page";
      if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}
      else{nomerhal=1}
      document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>");
    }else{
      jenis="label";
      if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}
      if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}
      else{nomerhal=1}
      document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>');
    }
  }
}
function redirectpage(numberpage){
  jsonstart=(numberpage-1)*postperpage;
  nopage=numberpage;
  var nBody=document.getElementsByTagName('head');
  var newInclude=document.createElement('script');
  newInclude.type='text/javascript';
  newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");
  nBody.appendChild(newInclude);
}
function redirectlabel(numberpage){
  jsonstart=(numberpage-1)*postperpage;
  nopage=numberpage;
  var nBody=document.getElementsByTagName('head');
  var newInclude=document.createElement('script');
  newInclude.type='text/javascript';
  newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");
  nBody.appendChild(newInclude);
}
function finddatepost(root){
  post=root.feed.entry;
  var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
  var timestamp=encodeURIComponent(timestamp1);
  if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}
  else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}
  location.href=alamat;
}
/*]]>*/
</script>
</b:if>
</b:if>

<style>
#blog-pager {overflow: visible}
.showpageOf {display:none}
span.showpagePoint { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding:6px 10px; margin: 0 .2em; border: 1px solid #e6e6e6; border-radius: 3px; background-color: #006699; border-color: #000; color: #ffffff; pointer-events: none; }
span.showpageNum, span.showpage { margin: 0 .2em; }
.showpageNum a, .showpage a { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 6px 10px; border: 1px solid #000; border-radius: 3px; text-decoration: none; background: #232323; color: #999; font-family: Arial, Times, serif;}
.showpageNum a:hover{ background: #006712; color: #fff; box-shadow: inset 0px 0px 10px rgb(117 113 113 / 31%); }
</style>

🛠️ Cum se instalează pe Blogspot:

Accesați panoul de control Blogger / Blogspot.
Mergeți la secțiunea Temă (Theme) din meniul stâng.
Faceți clic pe săgeata de lângă butonul „Personalizează” și alegeți Editați HTML (Edit HTML).
Căutați eticheta </body> folosind tastele Ctrl + F.
Lipiți codul copiat din caseta de mai sus exact deasupra etichetei </body>.
Salvați tema apăsând pe pictograma de dischetă din colțul din dreapta sus.

Script paginare

Niciun comentariu:

Trimiteți un comentariu

Formular de contact

Nu rata nicio noutate! Abonează-te și primești articolele pe mail:

Articole la întâmplare

Blogul lui Nurilusa

Ultimile comentarii

Bine de stiut