Script paginare

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:

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