Mil Trucos Blogger

Paginacion en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

27 Comentarios

  1. mayo 3, 2011    

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

    Por cierto, buen tutorial….

  2. mayo 3, 2011    

    @Cloudx18 Si muy buena y gracias por pasarte y comentar

  3. julio 13, 2011    

    Me ha encantado, gracias
    Un saludo

  4. julio 13, 2011    

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

  5. julio 24, 2011    

    usando buen trabajo

  6. julio 25, 2011    

    @ivan Gracias por comentar 🙂

  7. agosto 6, 2011    

    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

  8. agosto 6, 2011    

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

  9. Anonymous Anonymous
    agosto 7, 2011    

    gracias ;;)

    Andres…

  10. Anonymous Anonymous
    agosto 20, 2011    

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

  11. agosto 20, 2011    

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

  12. Anonymous Anonymous
    septiembre 6, 2011    

    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

  13. septiembre 6, 2011    

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

  14. Anonymous Anonymous
    septiembre 6, 2011    

    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.

  15. Anonymous Anonymous
    septiembre 6, 2011    

    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???

  16. septiembre 8, 2011    

    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..

  17. septiembre 9, 2011    

    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

  18. noviembre 19, 2011    

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

  19. noviembre 19, 2011    

    Poderosavoluntad me alegra que el tutorial te haya servido,Saludos

  20. abril 12, 2012    

    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

    • abril 12, 2012    

      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.

  21. abril 13, 2012    

    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

    • abril 13, 2012    

      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.

    • abril 22, 2012    

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

    • abril 23, 2012    

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

  22. agosto 4, 2012    

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

    • agosto 5, 2012    

      Nacho gracias por tu comentario 😎

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo