Este truco es muy bueno porque le agrega la famosa paginacion a tu blog,y lo mejor es muy facil de aplicar.

La paginacion reemplaza las partes que dicen Entradas AnTiguas y Entadas Recientes y en su lugar pone una paginacion como la siguiente:

Pasos 
 
1. Vamos a Diseño,Edicion HTML y expandes los artilugios y buscas la etiqueta ]]></b:skin> ,encima de el pegas el siguiente codigo.
.showpageArea a {
 text-decoration:underline;
 }
 .showpageNum a {
 text-decoration:none;
 border: 1px solid #cccccc;
 margin:0 3px;
 padding:3px;
 }
 .showpageNum a:hover {
 border: 1px solid #cccccc;
 background-color:#cccccc;
 }
 .showpagePoint {
 color:#333;
 text-decoration:none;
 border: 1px solid #cccccc;
 background: #cccccc;
 margin:0 3px;
 padding:3px;
 }
 .showpageOf {
 text-decoration:none;
 padding:3px;
 margin: 0 3px 0 0;
 }
 .showpage a {
 text-decoration:none;
 border: 1px solid #cccccc;
 padding:3px;
 }
 .showpage a:hover {
 text-decoration:none;
 }
 .showpageNum a:link,.showpage a:link {
 text-decoration:none;
 color:#333333;
 }

2. Buscas la etiqueta </body> y encima pegas lo siguiente

<!-- INI Navegador Numerado -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Siguiente&#39;;
</script>
<script type='text/javascript'>
//<![CDATA[
var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';htmlMap[htmlMap.length]='/';postNum++;for(var i=pageCount-1,post;post=json.feed.entry[i];i=i+pageCount){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}var banyaknomer=htmlMap.length;if(json.feed.entry.length%pageCount==0){var banyaknomer=htmlMap.length-1;postNum=postNum-1};for(var p=0;p<banyaknomer;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;htmlMap[htmlMap.length]=labelHtml;postNum++;for(var i=pageCount-1,post;post=json.feed.entry[i];i=i+pageCount){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;itemCount++}var banyaknomer=htmlMap.length;if(json.feed.entry.length%pageCount==0){var banyaknomer=htmlMap.length-1;postNum=postNum-1};for(var p=0;p<banyaknomer;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Paginas ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ></script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ></script>')}}
//]]>
</script>
</b:if>
<!-- FIN Navegador Numerado -->

Por ultimo guardas los cambios y listo.

Categorías: Trucos Blogger

27 comentarios

Cloudx18 · mayo 3, 2011 a las 4:13 pm

Me encantó la plantilla, estilo antigua, muy original…. Saludos!

Por cierto, buen tutorial….

Juvinao · mayo 3, 2011 a las 4:33 pm

@Cloudx18 Si muy buena y gracias por pasarte y comentar

Bulma · julio 13, 2011 a las 3:12 pm

Me ha encantado, gracias
Un saludo

Juvinao · julio 13, 2011 a las 3:14 pm

@Bulma Que bien que te guste,esta paginacion es muy profesional,Saludos.

ivan · julio 24, 2011 a las 5:24 pm

usando buen trabajo

Juvinao · julio 25, 2011 a las 12:57 am

@ivan Gracias por comentar 🙂

Andres · agosto 6, 2011 a las 5:20 am

hola lo he intentado pero no me ha salido 🙁
aqui hay una copia de mi plantilla talvez me puedes ayudar :-/
http://www.mediafire.com/?kqtoe3qeiq3rslb

Juvinao · agosto 6, 2011 a las 9:58 pm

@Andres te puedo ayudar mas luego ahora estoy ocupado,pero apenas encuentre una solucion a tu problema te lo hago saber ok.

Anonymous · agosto 7, 2011 a las 6:21 am

gracias ;;)

Andres…

Anonymous · agosto 20, 2011 a las 2:27 am

Hola.. funciona pero aparece en ingles (o sea pages) como lo paso a español?? gracias

Juvinao · agosto 20, 2011 a las 3:37 pm

Anónimo Busca esta parte en el codigo de la paginacion > Pages ( y cambia «Pages» por lo que tu quieras.

Anonymous · septiembre 6, 2011 a las 2:01 am

Hola, hay manera de que la paginación también aparezca en las etiquetas??
porque cuando entras a una de ellas vuelve a aparecer lo de «entradas
más recientes» y «entradas antiguas», gracias

Juvinao · septiembre 6, 2011 a las 1:43 pm

Anónimo esto en las etiquetas no se puede cambiar eso ya viene predeterminado y controlado por Blogger

Anonymous · septiembre 6, 2011 a las 5:47 pm

O sea que no hay ningún método de paginación que cambie lo que te pregunté en el comentario 12? :((
De ser así, supongo que el único sentido de poner páginas, en Blogger, es ordenar todo lo que no sean etiquetas.

Anonymous · septiembre 6, 2011 a las 6:53 pm

Hola.. te hago una consulta. Con este truco, cuánta cantidad de entradas serán mostradas por página??? o eso lo modifica uno?? y de ser así como lo modifico en el código???.. Y esto último debe coincidir con el nº de entradas definidas con anterioridad en mi blog???

Juvinao · septiembre 8, 2011 a las 2:17 pm

Anónimo (Comentario 15) busca esta parte var pageCount=5; y reemplaza el el 5 por el numero de entradas que quieras que se visualicen..

Juvinao · septiembre 9, 2011 a las 3:18 pm

Anónimo (Comentario 12) ya consegui un metodo de poorner la paginacion en las etiquetas pasate por este post…

http://miltrucosblogger.blogspot.com/2011/09/paginacion-en-blogger-incluyendo-en-las.html

Poderosavoluntad · noviembre 19, 2011 a las 6:43 pm

TE amo!! estuve probando con todos y ninguno me funcionaba!!! GRACIASSS

Juvinao · noviembre 19, 2011 a las 7:16 pm

Poderosavoluntad me alegra que el tutorial te haya servido,Saludos

toctoc06 · abril 12, 2012 a las 12:34 pm

Hola
Solo quiero saber si este blog esta activo. Hace poco te escribi un comentario, y he visto que el comentario no esta. Y por correo no he recibido nada.
Dare por hecho si no contestas, que este blog no esta activo

Saludos
Pepo

    Juvinao · abril 12, 2012 a las 1:00 pm

    Claro que esta activo lo que pasa es que como tengo bastantes comentarios a veces se me pasa alguno,ahora claro si me dices cual es tu consulta te ayudare.

toctoc06 · abril 13, 2012 a las 6:19 am

Hola
Primero darte las gracias por responder.
El truco que tienes arriba, me estaba funcionando bien hasta la fecha, ,conforme lo iba colocando en los distintos blogs.Pero en el ultimo intento me suprime los cuadritos que encierran las palabras y los numeros (page1234siguiente)La verdad es que no se porque ocurre esto. Pero los mas curioso es que probe con el otro truco de paginacion que tienes y OK, funciona. me voy a la `plantilla y elimino los codigos del anterior truco. Vuelvo al blog y la paginacion ha desaparecido.La conclusion es que tengo que tener instalado los dos codiogos uno en la plantilla y otro en un gadget en HTML.
Podrias ver si lo puedo instalar con los codigos de un solo truco.Yo de informatica no se absolutamente nada. El blog en el que estaba intentandolo es http://01toctoc.blogspot.com
Por si quieres ver la plantilla. Ahora solo tengo instalado el codigo en HTMl.
De nuevo, te agradezco tu atencion y espero algun consejo de como solucionas esto.

Saludos
Pepo

    Juvinao · abril 13, 2012 a las 7:09 pm

    toctoc06 este truco es compatible con ciertas plantillas no con todas,yo entre a tu blog y vi que tenias otro truco de paginacion,igual estos dias publicare un nuevo truco de paginacion que si funciona.
    De todas maneras revisare este script por si tiene algunos errores para solucionar.

    toctoc06 · abril 22, 2012 a las 8:46 am

    Gracias
    Estare atento a tu blog para cuando decidas poner un nuevo truco de paginacion.
    Saludos
    Pepo

    Juvinao · abril 23, 2012 a las 7:58 pm

    Ya casi tengo listo el tutorial,solo falta un par de pruebas mas de compatibilidad :]

Nacho Lee · agosto 4, 2012 a las 11:50 pm

Muchas gracias, funciono la primera parte, ahora veamos la senda que tal va.

Responder a toctoc06 Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *