Paginación en Blogger de forma fácil

En este articulo aprenderemos a paginar nuestro blog, pero... ¿que es paginar?, paginar es clasificar las entradas en forma de paginas con un conteo secuencial, es decir la paginación son botones con el numero de paginas existentes en tu blog, es muy eficaz este medio para tener una eficaz y rápida navegación a través del blog, también es útil para llevar un recuento de cuantas paginas hay actualmente.



La paginación es ahora un accesorio bastante útil, sobre todo para blogs que tienen mucho contenido, ya que es muy practico para clasificar, así que vamos a empezar, el siguiente código en teoría ya esta listo para funcionar en tu blog, lo único que vamos a hacer es pegarlo en cualquier gadget (HTML/Javascipt)

Aquí el código:
<style type="text/css">#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#cccccc;font-size:11px;margin:10px}
.showpageArea a{color:#666666;text-shadow:0 1px 2px #fff;font-weight:700}
.showpageNum a{
font-weight: bold;color:#666666;padding:4px 10px 4px 10px;margin:0 4px;text-decoration:none;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;background:#EFEFEF}
.showpageNum a:hover{padding:4px 10px 4px 10px;margin:0 4px;border:1px solid #888;background:#EFEFEF}
.showpageOf{padding:4px 10px 4px 10px;margin:0 4px 0 0; color:#999999;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;background:#dddddd}
.showpagePoint{font-weight: bold;color:#999999;padding:4px 10px 4px 10px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #cccccc;background:#dddddd; text-decoration:none}</style>
<script style='text/javascript'>
var numshowpage=7;
var postperpage =6;
var upPageWord="Anterior";
var downPageWord="Siguiente";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='https://sites.google.com/site/archivossouldhacko/Paginacionblogger.js'></script>

Pegado el código en nuestro blog podemos notar al instante que la paginación ha sido instalada correctamente, cabe resaltar que el diseño de los botones los podrás moldear a tu agrado, espero sea de gran ayuda este articulo, alguna duda favor de comentarla.

37 comentarios:

  1. Gracias por tu ayuda. Ahora tengo el Blog con la Paginación. Han sido muchas horas de búsqueda pero ha merecido la pena encontrar un sitio donde saben ayudar.

    Un saludo

    ResponderBorrar
    Respuestas
    1. Me alegra que te haya sido útil Ignacio, saludos!

      Borrar
    2. Amigo saludos, una pregunta ¿Que hago para que el widget sea responsive?

      Borrar
  2. Excelente!, solo tengo una duda, como puedo modificar el "Pagina: 1 de 9"? Gracias.

    ResponderBorrar
    Respuestas
    1. Hola, eso se modifica deacuerdo el numero de paginas que tengas en tu blog, saludos!

      Borrar
  3. tengo un blog de mangas en español... quizas puedas ayudarme actualmente hago el post y publico todas la imagenes.. quiera poner una imagen.. y que tenga la opcion siguiente y anterior para cambiar de imagen pero en el mismo post no se si me dejo entender.. si algunas vez leistes los mangas en linea me entedras espero me ayudes saludos

    ResponderBorrar
  4. Que bien, muchas gracias por tu ayuda, de lujo para mi nuevo blog! te dejo la dirección por si te apetece verlo! Un saludo!
    www.energiaplastica.com

    ResponderBorrar
  5. amigo .. tengo una pregunta.. se puede cambiar el fondo de los cuadritos? .. ejemplo .. yo tengo un blog el fondo es negro .. y el fondo de los cuadritos de los numeros los quiero poner negro,, se puede?

    ResponderBorrar
  6. amigo el mios una plantilla descargada y no me junca favor si podrias ayudarme

    ResponderBorrar
  7. Muchas gracias! Había intentado introducir una barra de paginación de distintas maneras y al final esta es la que realmente me ha servido :)

    ResponderBorrar
  8. Muchas gracias me sirvio mucho por si acaso no sabes como poner la paginacion pero para que salga cuando busque con el buscador del blog??

    ResponderBorrar
  9. Hola Manolo, lo primero felicitarte por tu blog... ayuda a muchos de nosotros a mejorar día a día los nuestros.
    El problema que tengo es que una vez todo instalado y personalizado me he dado cuenta que entre la página 1 y la 2 desaparecen una serie de post. Creo que eso se debe a que muestro solo 3 en portada y 15 en la siguiente página, porque exactamente desaparecen 12 post.
    Otro problemilla es que no responde a la orden de mostrar solo 7 cuadraditos en la paginación sino que me muestra todas las páginas.
    Te dejo la dirección de mi blog por si te sirve de algo http://www.gastronomistico.com/
    Saludos

    ResponderBorrar
  10. Genial, gracias me sirivió, probé en muchos lados.

    ResponderBorrar
  11. Justo lo que necesitaba. Muchas gracias.

    ResponderBorrar
  12. Muy Bueno gracias justo lo voy a usar en mi blog posdata no quiero q parezca span pero te invito a visitar mi sitio web:DnfKreations.blogspot.com y UtilidadesMG.Com saludos

    ResponderBorrar
  13. A mi no me srivio u.u e ise todo bien quien sabe que paso

    ResponderBorrar
  14. Gracias amigo, hace meses que busco un codigo que funcione y es el unico que he conseguido que no me limita las paginas, muy agradecido, saludos

    ResponderBorrar
  15. genial! me sirvió mucho pero quiero quitar la leyenda que dice "pagina 1 de 142" se puede hacer eso? muchas gracias!

    ResponderBorrar
  16. impresionante muchas horas de busqueda en la red. excelente trabajo¡¡¡

    ResponderBorrar
  17. ¡Por fin una paginación que funciona de verdad! ¡Gracias! ¡Mil gracias y Feliz Navidad y Año Nuevo!

    ResponderBorrar
  18. dios al fin!!!, gracias lo había intentado de muchas formas y la tuya fue la única que me funciono, gracias!!!!

    ResponderBorrar
  19. hola,a mi no me funciona te dejo mi direccion Http://luismaeldesastre.com

    ResponderBorrar
  20. Gracias por el código. Desearía saber cómo quitar la caja de "página xx de xx" y los botones de "anterior" y "siguiente". Saludos

    ResponderBorrar
  21. Gracias por el codigo ha sido de gran ayuda, quisiera saber si los botones se pueden editar.

    ResponderBorrar
  22. Muchas gracias. Me sirvió, había probado muchos y ninguno andubo. Muchas gracias.!

    ResponderBorrar
  23. Me fue bien en mi blog, solo que no logro hacer que se posisione en el centro, y tampoco es responsive, asi que seguire buscando soluiones, por lo demas, al fin alguien que postea algo que si funciona.

    ResponderBorrar
  24. ayudaaaa como hago que funcione en la version movil de mi blog?

    ResponderBorrar
  25. Cuantas entradas debe haber para poder pasar a la pagina 2?

    ResponderBorrar

Con tecnología de Blogger.