Cómo numerar las páginas en Blogger (I)


numerar paginas blogger paginacion


Numerar las páginas en Blogger puede ser una buena opción para otorgarle un diseño excelente y profesional. Si queremos que en nuestro blog aparezcan las páginas numeradas (paginación) deberemos realizar unos pasos muy sencillos gracias a Bloggerplugins, que serán los siguientes:

1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la casilla "Expandir artilugios"
4) Buscamos en la plantilla el siguiente texto: ]]></b:skin> (tecleamos Ctrl + F para buscar más rápido)
5) Antes de ]]></b:skin> pegaremos el siguiente código:
<!-- Paginación -->
.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;
}
<!-- Fin Paginación -->
6) Ahora buscamos </body>
7) Antes de </body> añadimos el siguiente código:
<!-- Paginación -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Siguiente&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!-- Fin Paginación -->
Observaciones:
var displayPageNum=5;      -> Indica el número de entradas que serán mostradas por página. Modificar al gusto de cada uno.

8) Por último deberemos editar el número de páginas que mostrará por categorías o etiquetas (labels). Para ello buscaremos en la plantilla 'data:label.url' y lo sustituiremos por 'data:label.url + &quot;?&amp;max-results=5&quot;' tantas veces como lo encontremos. El 5 será también el número de entradas mostradas por página.

Clicamos en vista previa y si todo está correcto guardamos la plantilla. Recomiendo que los scripts los guardes, y si los deseas los subas a tu propio servidor o lo alojes en algún sitio web que permita alojar scripts. Ahora ya tendremos nuestro blog numerado por páginas.

Si lo deseas puedes optar por otro tipo de paginación en Blogger con scroll.

41 comentarios:

  1. Hola, he seguido los pasos que indicas pero los números de página me salen en una línea distinta. ¿Como puedo hacer para que me salgan en la misma línea?
    saludos

    ResponderEliminar
  2. Hola Dani, acabo de visitar tu blog y no veo la numeración de página. Si no te sabe mal, vuélvela a colocar para que pueda ver cuál es el problema.

    Gracias por tu visista ;)

    ResponderEliminar
  3. Ya veo, te salen los números de página en vertical en lugar de horizontal. Lo acabo de probar en otros dos blogs que tengo de prueba y me ha funcionado perfectamente. A veces en un blog funciona correctamente y en otro, dependiendo de la plantilla, no funciona. De momento no te sé ayudar ni decir un porqué. Me sabe mal.

    Voy a averiguar más sobre el tema y te aviso.

    ResponderEliminar
  4. el error que me daba a mi, era que no me ponia las primeras entradas de cada pagina y buscando por internet encontre la solucion.

    hay que modificar la cantidad de entradas que se vana a mostrar, si se definiron 3 entradas en blogger, hay que modificarlo en el script, por que en este script por lo que vi tiene definido 4 entradas.

    y sino definir 4 entradas en blogger y no modificar el script

    ResponderEliminar
  5. Gracias anónimo. Ya he añadido tu comentario en la entrada por si alguien tiene problemas.

    Un saludo y gracias.

    ResponderEliminar
  6. no puedo hacer que me funcione, me podrias hechar una mano cn esto del del codigo, porque modifico en el codigo que sean tres entradas y en la configuracion del formato de blogger igual lo configure y aun asi no me funciona...

    ResponderEliminar
  7. Hola Parowaref, bienvenido. Este gadget por lo visto solo hace que dar problemas. Voy a tratar de buscar alguna alternativa, de momento hay que olvidarse de este gadget.

    Siento las molestias ocasionadas.

    ResponderEliminar
  8. Ya vuelve a estar operativo este gadget. Totalmente recomendado.

    ResponderEliminar
  9. SOS GRANDE SOS GRANDE.... sabes busque esto por mucho codigos y codigos y nada.. Nomas aqui 3 Clicks y listo Excelente man..

    Ahora el Problema..
    todo bien cuando entro a Diseño donde estan todos los gadgets y eso resulta que me ha quedado asi man:
    http://img193.imageshack.us/img193/5545/40816416.png

    como se puede ver, no se ve entera esa seccion, no se pueden mover los gadget ni nada... AYUDAA

    ResponderEliminar
  10. Hola. No sé qué te ha ocurrido. Debe ser alguna incompatibilidad con tu plantilla. Imagino que tienes una copia reciente de tu plantilla. Restáurala. Yo he probado este gadget, es mas, lo he tenido un tiempo instalado aquí y no he tenido problemas. Siento que te haya ocurrido esto, no entiendo el porqué, lo siento.

    ResponderEliminar
  11. haha... Hoy dia entro a Diseño y esta todo Perfecto... Sos grande

    Recuerden visitar Mi Blog de Descargas Saludos a todos 100% recomendado este Gadget

    ResponderEliminar
  12. Perfecto. Es que lo que te ocurrió era algo muy raro. Quizá se debió a tu navegador, a tu pc, a blogger... no sé. Menos mal que ya está solucionado.

    Un saludo compañero.

    ResponderEliminar
  13. wow quierocrearunblog eres lo maximo busque este truco por mucho tiempo pero ninguno me funciono los demas me mandaban a otra pagina y no a la indicada mil veces gracias.

    ResponderEliminar
  14. Gracias a ti AnimeXvix, pero las gracias deberían ser bloggerplugins.org. Un saludo compañero :)

    ResponderEliminar
  15. Hola: adivina quien está de nuevo con problemas a la hora de hacer lo que pones??? pues si, has acertado...la pardilla de "masqueplatos" y esque como sigamos asi te voy a deber una receta especial para ti, a ver la cosa es esta...entro, hago todo como lo dices, es mas, no me da ningun problema con la plantilla...pero...NO ME SALE LA PAGINACIÓN....Que hago?

    ResponderEliminar
  16. Hola Sofía jeje, perdona que no te conteste a todo, tengo pendiente contestarte el resto de dudas, no me olvido. Bueno vamos con esta. ¿Por qué no pruebas con esta otra forma de paginar?

    http://www.quierocrearunblog.com/2010/03/numerar-paginas-paginar-blogger.html

    Este mundo Blogger es complicado, ya que cada plantilla es un mundo y lo que funciona a unos, a otros no. Es un lío.

    Consejo: Procura siempre guardar una copia de tu plantilla antes de modificar, por si pasase algo raro.

    Saludos y gracias por tus comentarios.

    ResponderEliminar
  17. Hola,
    Probé en dos blogs,y en uno resultó perfecto (www.institutosarmiento.com); pero,sin embargo,en otro,que tiene una plantilla más sencilla (la negra simple); no hubo caso... probé los tres tipos de numeración;y nada. En uno de esos tres tipos, el paso 8, no aparecia. Tenés idea de qué puede estar pasando?
    Desde ya,gracias

    ResponderEliminar
  18. No hay forma, ya probé en varias plantillas y no me sale, que lástima. Voy a seguir intentando. Un saludo.

    ResponderEliminar
  19. no me funciona en mi blog, dices algo de alojar un codigo, cual codigo.?

    ResponderEliminar
  20. He instalado el codigo para numerar paginas y todo va bien. Pero no encuentro como cambiar el color de page (paginas). Ni el de las lineas que cierran los cuadraditos de los numeros.
    Espero tu respuesta.
    Saludos

    ResponderEliminar
  21. Lo he intentado y no me resulta, al poner vista previa todo sigue igual. ¿que hago mal?... ayuda

    ResponderEliminar
  22. Gracias, por fin lo logre... felicitaciones por tu muy util blog

    ResponderEliminar
  23. Excelente.. muy bueno la numeración..

    me sirvió perfectamente..

    gracias..

    Saludos..!

    ResponderEliminar
  24. Hola, muy buenas. Tengo un problema y es que me sale la numeración en la página principal, pero cuando me voy en búsqueda de labels (etiquetas - categorías) hay no aparecen u.u
    Me podrían ayudar?
    Mi blog es: http://sorell10.blogspot.com/
    Un saludo

    ResponderEliminar
  25. Ha funcionando a la primera. Muchas gracias y saludos.

    ResponderEliminar
  26. Hola, lo pude implementar, aparece bien, pero mi problema es que cuando sigo los enlaces, osea presiono 2 ó 3, etc.. no me visualiza las entradas aparece todo vacio y unicamente me muestra los numeros de paginas.. y el unico que funciona es el 1, el cual me devuelve a la pagina inicial donde estan las unicas entradas que me permite visualizar.. si de casualidad sabes a que se deba.. te lo agradeceria!...
    Saludos.

    ResponderEliminar
  27. Muchísimas gracias, "quierocrearunblog" por tus magníficas explicaciones para numerar las páginas (que es cierto que lo de ir a páginas antiguas no va, no me gustaba en absoluto) He seguido pues tus instrucciones escritas para una compañera y copiado y pegado los tres códigos y añadido un 2 al 5 de número de página para que sean 25, y cuando lo he enviado algo ha fallado. Se me ha respondido: """No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Element type "b:if" must be followed by either attribute specifications, ">" or "/>". """ No entiendo apenas y mucho menos lo de "cerrar todos los elementos correctamente" Me ha costado un par de horas y muchísimo esfuerzo, y estoy contento de haberlo intentado aunque un poco desperanzado por el resultado. Una duda que tenía era que al pegar los códigos no he dejado espacio para las previas ni prostreras letras o signos y me decía si tendría que haber dejado algún espacio. Por lo demás, la verdad no tengo ni idea... Y me gustaría tanto poder numerar las páginas. No creo que nadie vaya a las "entradas antiguas" pues sólo la frase echa para atrás.

    Muchas gracías y ojalá puedas ayudarme. Mi mejor saludo. José

    ResponderEliminar
  28. ¡Bravo! "Quierocrearunblog" Lo hemos conseguido. Estoy contentísimo porque es la primera vez que intento algo de este jaez. Empero, se limita a la relación de "entradas", todas, con sus respectivos comentarios, que llega por ahora en mi caso a la pág. 18, pero no así en las 5 'etiquetas' que tengo, pues continúa en ellas ese desacertado para mi gusto "entradas antiguas" ¿Qué puedo hacer para acabar bien la faena haciendo que se instale la numeración en todas las 'etiquetas' también? Muchísimas gracias. Ojalá me respondas prontito.

    ResponderEliminar
  29. Excelente.. muy bueno la numeración..

    me sirvió perfectamente..

    gracias..

    Saludos..!

    ResponderEliminar
  30. Eres un crack un saludo y muy buen tuto muchas gracias y si quieres ver como me a quedado mi blog estáis todos invitados si quereis pasar un buen rato ya sabeis: http://elsiguienteerestu.blogspot.com/

    ResponderEliminar
  31. tengo un proble.. yo pongo que salgan 10 entrdas por pagina y solo me salen 3 en la primera pagian y el resto desaparece... AUDA.....¡¡ http://grupoempiresandallies.blogspot.com

    ResponderEliminar
  32. Hola!!
    Acabo de instalar la plantilla en mi blog y parece que todo iba bien hasta que he ido página por página y veo que en todas ellas me falta una entrada, que sería la primera de cada página y estoy DESESPERADA!!!!!!

    Por otro lado, yo no encuentro en la plantilla data:label.url' y estoy empezando a pensar que eso es lo que ha fallado, os pediría POR FAVOR que me ayudarais, porque no logro hacerlo.
    Besos.

    ResponderEliminar
  33. hola como estas gracias por el articulo me salio bien , pero solo sale en la pagina principal y me gustaria que aparesca en mis articulos osea configuracion de etiquetas eme podrias decir como lo hago te envio el enlace `para que lo veas

    http://wondroustrip.blogspot.com/search/label/Beneficios%20de%20la%20Comida

    gracias por tu tiempo y tu articulo

    ResponderEliminar
  34. Muchísimas gracias por esta información, es muy útil, me sirvió mucho gracias otra ves

    ResponderEliminar
  35. genioooo, por fin alguien que sabe como hacer las cosas, funciono de maravilla segun los pasos indicados, muchas graciass!!!

    ResponderEliminar
  36. Hola :) Qué buen blog, siempre me sirve de alguna ayudita.

    Una pregunta rápida, si no es molestia... ¿hay manera de poner este código totalmente en Español? Es decir, que ponga "X Páginas" en lugar de "Pages"?

    Muchas gracias ^^

    ResponderEliminar
  37. Hola de nuevo, retiro mi anterior comentario porque ya lo he conseguido. A continuación les cuento cómo:

    - He alojado el script en mi propia página.

    - A continuación lo he editado y he buscado (Ctrl+F) "Pages". Lo he sustituído por "P\u00E1ginas". El código \u00E1 sustituye "á" que en Javascript no se reconoce bien.

    - Guardamos, y sustituímos la dirección del código que nos ha aportado "Quiero crear un blog" por la nuestra que hemos alojado.

    Y listo, podemos ponerlo en cualquier idioma ^^

    ResponderEliminar
  38. ola!! muchas grax por la informacion!! mi problema es q ami no me sale!! no se si sera por el dise;o este es mi blog:
    http://blogrfstudio.blogspot.com

    llevo tiempo intentando ponerle la numeracion de pagina!! y bueno intente tu metodo y nada..o al momento de pegar el codigo ay q separas con el enter del ]]> o junto!! bueno de todas formas gracias por el trabajo q realizan!!

    ResponderEliminar
  39. donde esta el data:label.url ayudaa

    ResponderEliminar