Paginación para Blogger. | Oloblogger Entre otros, este ha sido uno de los gadgets destacados de 2009. Hay ya muchas explicaciones, de cóm...

5 de febrero de 2010

Paginación para Blogger.

Entre otros, este ha sido uno de los gadgets destacados de 2009. Hay ya muchas explicaciones, de cómo aplicar este script que sirve para navegar por las entradas mediante unos cuadraditos de paginación; pero el caso es que de vez en cuando todavía seguís preguntando por este artilugio. Así que, para general constancia, hemos decidido crear este post.

Paginación Blogger

La información original la teneis en Blogger Widgets y otra explicación en castellano por si la de esta entrada no se entiende bien, en Gem@ Blog.

Aunque en esencia es lo mismo, podemos instalar el artilugio de tres maneras.

Sistema A (semi-automático)

1. Nos logueamos en nuestra cuenta de Blogger y a continuación accedemos a la página de BloggerPluggins correspondiente a este gadget. Rellenamos los datos de las casillas según nos interese.


Si no quereis calentaros la cabeza, los valores que se ven en la imagen quedarán bien para un blog en español, pero por si acaso, este es el significado de las distintas variables que se piden:
  • Previous Page Text: Texto para el botón de las páginas previas
  • Next Page Text: Texto para el botón de las páginas siguientes
  • Posts Per Page: Número de entradas que se mostrarán en cada página
  • Max Number of Page... : La cantidad de cuadraditos máxima que se mostrarán delante y detrás de la página activa

2. Ahora pinchamos en Customize y a continuación en Add Widget To My Blog. Se nos abrirá una nueva página (ya en Blogger) y desde allí pinchamos en Añadir Artilugio para que el idem se instale automáticamente en nuestro blog.


3. Por último, tenemos que ir a nuestro Panel de Control y desde Elementos de Página, desplazamos el gadget desde la barra lateral, hasta situarlo justo debajo del bloque de Entradas del Blog. Pinchamos en Guardar y comprobamos que ya tenemos nuestro marcapáginas activo.

4. Entrando por Elementos de Página y Editando el gadget, veremos que al principio lleva todo el código del estilo entre etiquetas <style>. Allí es dónde podremos cambiar colores de texto y fondo, efecto hover, espaciado, etc.

Sistema B (añadiendo un gadget)

1. Añadimos un nuevo gadget HTML/JavaScript y allí pegamos este código:

<style type="text/css">
.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;}
</style>
<script style="text/javascript">var pageCount=5;var displayPageNum=3;var upPageWord="Anteriores";var downPageWord="Siguientes";</script>
<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js"></script>

Para personalizarlo se pueden cambiar los siguientes valores antes de Guardar el gadget:
  • var pageCount=5 : Número de entradas que se mostrarán en cada página
  • var displayPageNum=3 : La cantidad de cuadraditos máxima que se mostrarán delante y detrás de la página activa
  • var upPageWord="Anteriores" : Texto para el botón de las páginas previas
  • var downPageWord="Siguientes" : Texto para el botón de las páginas siguientes
También antes de Guardar o Editando posteriormente, podeis configurar todo el aspecto de la botonera de las páginas modificando las propiedades de las clases correspondientes:

.showpageArea a : Contenedor general del artilugio. Enlace.
.showpageNum a : Cada uno de los botones, excepto la página activa. Enlace.
.showpageNum a:hover : Idem anterior. Enlace al pasar el puntero.
.showpagePoint : El botón de la página activa.
.showpageOf : Texto que muestra el total de páginas.
.showpage a : Botones de texto Anteriores/Siguientes. Enlace.
.showpage a:hover : Botones de texto Anteriores/Siguientes. Enlace al pasar el puntero.
.showpageNum a:link,.showpage a:link : Para no cambiar los enlaces visitados.

Este código es el mismo al que podemos acceder cuando viendo la imagen del punto A.2, pinchamos en Editar Contenido. Comento esto porque aunque el resultado sea el mismo, en ocasiones es conveniente ver qué es lo que estamos instalando... sobre todo si la fuente no es fiable.

2. Al igual que antes, el gadget hay que moverlo debajo de Entradas del Blog para que empiece a funcionar.

3. Si vamos probando, veremos que el artilugio se muestra y funciona perfectamente en la navegación por fechas, pero que cuando accedemos a una entrada o navegamos por etiquetas, aparecen los enlaces habituales (Entradas Antiguas / Entradas más recientes). Para solucionar esto hay que acceder al código de la plantilla con los Artilugios Expandidos y buscar todas las menciones a la variable 'data:label.url'. Allí donde estuviera ese trozo de código, sustituirlo por 'data:label.url + &quot;?&amp;max-results=5&quot;'

Aquí se ha usado el número 5 porque es el número de posts por página que seleccionamos al principio. Si hubiéramos optado por otra cifra entonces, ahora tendríamos que usar esa en lugar del 5.

Ojo al buscar la cadena 'data:label.url'. Sólo hay que cambiar aquella que sea exactamente igual, con sus comillas simples incluidas. En algún sitio os encontrareis la variable formando parte de un condicional, pero no está encerrada entre comillas y en ese caso NO hay que sustituir nada. Por lo general encontrareis cuatro ocurrencias, pero puede haber alguna más o alguna menos.

Una vez hechas las sustituciones, Guardamos la plantilla y ya funcionará el gadget también para la navegación por etiquetas. En las páginas individuales de las entradas, seguirá sin funcionar, pero esto es lo lógico puesto que aquí no se pueden mostrar cinco posts, sino sólo aquel al que se accede.


Sistema C (modificando plantilla)

1. Editamos plantilla y antes de ]]></b:skin> pegamos toda la parte CSS que configura el estilo de la botonera.

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

Igual que se ha explicado anteriormente (ver B.1), todas estas propiedades se pueden cambiar para adaptar la estética a la de nuestro blog.

2. Ahora localizamos </body> y justo antes pegamos los parámetros y la llamada a la función JavaScript.

<!-- Paginación -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=3;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
</b:if>

También se pueden configurar los valores de las variables var pageCount, displayPageNum, upPageWord y downPageWord, y su significado es el mismo que ya tambien se explicó antes (B.1).

3. Ahora hacemos la sustitución de 'data:label.url' explicada en B.3 y Guardamos cambios.


Actualización:

Parece que el script que se cita en esta entrada se ha eliminado de su alojamiento, así que aquí tenéis un par de sitios más dónde poder descargarlo. El primero nos lo cede amablemente Rafire Rocks, que fue quién nos hizo saber mediante un comentario lo del enlace roto:
https://sites.google.com/site/rafirerocks/scripts/paginaci%C3%B3n%20script.txt
http://olobloggerblog.googlecode.com/files/blogger-page-nav-v2.js

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

255 comentarios :

  1. Me lo apunto para mi nueva plantilla. Naturalmente, lo haré por el sistema C, que me gustan los retos, ¡je, je, je!

    ResponderEliminar
  2. Lo que no me cuadra es esa frase... "Este año se acaba..." ¿Entrada recuperada de borradores? ;-) Muy buena en todo caso.

    ResponderEliminar
  3. Ja, ja, ja. Sin duda José. Empecé a final de año a prepararlo y hasta ahora no he podido terminarlo. Ya está arreglado. Gracias.

    ResponderEliminar
  4. Muy buen gadget, si señor, hace tiempo intente buscar algo parecido pero todo fueron fiascos. Pero llegamos al punto de .. y para que? voy siguiendo varios blogs y nadie lo ha implementado y si alguno lo ha hecho , posteriormente lo quito, quizá pq ralentiza la carga de la página? o pq sólo sirve para poder presumir de tener 4470 paginas? mmm no se. Yo mismo estoy preguntándome que utilidad tiene para el usuario del blog .. y no acabo de verlo claro.
    Bueno sea como sea, felicidades por el magnifico blog y por un post tan bien estructurado y explicativo.

    ResponderEliminar
  5. Puede que el motivo de que no los pusiera más gente, fuera que muchos códigos que andan por ahí para conseguir esto, no funcionan del todo bien.

    Por otra parte, esto es simplemente una utilidad más para ayudar a la navegación, al igual que lo son los enlaces "entradas más recientes", "entradas más antiguas".

    En mi opinión es sólo cuestión de estética.

    ResponderEliminar
  6. Gracias, gracias y gracias. Lo voy a probar a ver como va.
    Buen finde.

    ResponderEliminar
  7. Muchas gracias de nuevo por ayudarnos en nuestro diseño de páginas. Este también me lo apunto y voy ya manos a la obra. ¡Saludos desde la Luna!

    ResponderEliminar
  8. muy bueno..pero are lo tipico esperare un tiempito verlo en otros blog para ver como funciona y todo y despues talves lo agregue...;)

    Suerte!!!

    ResponderEliminar
  9. Anónimo6/2/10 1:03

    nooooo ya lo hice estube una semana y ya lo posteaste :')
    Mexotopo

    ResponderEliminar
  10. Hacía ya un tiempo que no entraba en los blogs de tutoriales, y veo que has hecho reformas y te está quedando muy bonito y funcional.
    Siempre te agradeceré la ayuda que nos das desinteresadamente.
    A ver si tengo más tiempo para modificar el mio.
    Gracias

    ResponderEliminar
  11. Gracias oloman! sos el mejor! cumpliste con tu palabra. me dijiste que para el fin de semana iba a estar y esta. se lo aplique a mis 3 blogs. Muchas gracias!

    ResponderEliminar
  12. Tu blog es estupendo, felicidades, ah por cierto, me he apuntado como seguidor. Por mi parte estoy empezando en esto de los blogs, mi blog es: http://feelmyreality.blogspot.com/

    Espero tu visita, si te gusto mi blog ya sabes, ponte como seguidor, que de momento tengo pocos xD

    ResponderEliminar
  13. Hola Oloman. Estupendo post pero ¡lamentablemente soy torpe! y necesito tu ayuda, si es posible. Hay algo mal en mi plantilla y no soy capaz de saber el que. El gadget funciona bien, peeeeeero no se por que desaparecen entradas. Me explico, de la página principal a la 2 hay post que no salen. En la pág. principal salen tres post porque así lo tengo configurado, pero al querer ver la siguiente pág. empieza directamente en el 14 de Enero, faltan 12 post que escribí posteriormente ¡y no soy! capaz de encontrar el fallo ¿puedes ayudarme?
    Un abrazo

    ResponderEliminar
  14. laMar ¿hiciste el paso B.3? Eso suele ocurrir cuando no cuadran los posts seleccionados para mostrar desde el script, con los que Blogger saca por defecto.

    ResponderEliminar
  15. Si ¡Lo he repasado mil veces! paso por paso y ¡¡¡me estoy volviendo loca!!! Bueno, más de lo normal :)

    ResponderEliminar
  16. Probablemente hay que poner los mismos posts por página en la configuración de Blogger que en las opciones del script. Prueba por ahí a ver si hay suerte.

    ResponderEliminar
  17. Hola Oloman.
    Puesto queda.
    Me he decidido por la fórmula sencilla, ya me quiebro bien la cabeza con otras cosas ;)
    Un saludo.
    cocodrolo.

    ResponderEliminar
  18. Lo he vuelto a revisar y yo los veo igual ¿o no estoy mirando donde debo? He revisado la plantilla con los artilugios expandidos y el script ¡y no encuentro la diferencia!

    ResponderEliminar
  19. He quitado el script de entradas expandibles ¡y se ha arreglado! Debe ser ese el problema, pero ya revisaré el script con más calma. Gracias por tu interés.
    Un abrazo enorme

    ResponderEliminar
  20. Lo has solucionado tú... ¡De nada!

    ResponderEliminar
  21. Todo es tan fácil con vos
    Gracias genio

    ResponderEliminar
  22. igual está fuera de hilo, pero tengo la necesidad de hacer un sistema de paginacion con enlaces al primer y último post. ¿se puede o no? y si se puede: ¿como? gracias

    ResponderEliminar
  23. No OSuKaRu^-^, está perfecto porque no hay otro sitio más apropiado. Lo que ocurre es que no conozco ninguna forma de hacer lo que quieres. Supongo que te refieres a que en lugar de NEXT, ahí salga un enlace al primer post publicado en el blog. El último evidentemente, saldría en el enlace "1".

    Si es así, como te decía, no sé cómo se hace.
    Un saludo

    ResponderEliminar
  24. gracias de todas formas. seguiré experimentando XP

    ResponderEliminar
  25. Hola!! una duda, en showpageArea, showpageNum y showpageNum hay que poner los enlaces de las páginas, es que a mí solo me pone el titulo del gadget pero nada más

    ResponderEliminar
  26. V, las tres clases que citas (que por cierto son dos porque una esta repe) son eso, clases. Por tanto, sólo sirven para darle formato a ciertas partes del artilugio y que se explican en esta misma entrada. Supongo que si te pone sólo el título del gadget, es porque algo en el código que insertaste esta mal. Si es así, no funciona y sólo se ve el título.

    ResponderEliminar
  27. puede ser que en mi plantilla no aparece por defecto "entradas anteriores"?? voy a seguir probando pero de momento nada de nada

    ResponderEliminar
  28. Pues podría ser eso. Prueba a quitar de las tres clases blog-pager el display:none. Quizás la paginación se basa en el artilugio original y si este no es visible, puede que el nuevo se mantenga igual. Realmente no lo sé, pero por probar...

    ResponderEliminar
  29. Felicidades por tu web,he aplicado en mi blog de Astronomía varios truquillos tuyos y la verdad van de maravilla. Te dejo la direccion por si te interesa la fotografia lunar.

    Un saludo

    http://gasendi.blogspot.com/

    ResponderEliminar
  30. Sí, por lo menos veo que has usado lo del índice. Un saludo.

    ResponderEliminar
  31. Duda: ¿se pueden intercambiar la posición del Newer-older? Es para poner un orden lógico, vamos. como "hacia atras" y "hacia delante"

    por cierto: te invito a que visites mi webcomic (ya de paso)XD:

    http://boredgirl.blogspot.com

    así ves en directo lo que quiero

    ResponderEliminar
  32. corrección: http://boredgirlwebcomic.blogspot.com

    ResponderEliminar
  33. Hola OSuKaRu^-^. Lo puedes hacer de muchas maneras, pero seguramente la más fácil es intercambiando el float de #blog-pager-newer-link y #blog-pager-older-link en tu hoja de estilo. Al que pone RIGHT le colocas un LEFT y viceversa. No olvides intercambiar también las imágenes.

    ResponderEliminar
  34. Holas reiteradas:
    Bueno, ahora sí en la sección adecuada, quiero comentar que ninguno de los 3 métodos de paginación han funcionado en mi blog:
    http://neobarroso.blogspot.com/
    escribo para ver si pueden echarme una mano pues en mi susodicho blog no aparece la mención a ENTRADAS ANTIGUAS, así que nadie lo recorre salvo por el árbol de entradas...
    Auxílienme!

    ResponderEliminar
  35. Sobre la paginación, sólo conozco estos métodos que además tengo comprobado que funcionan, tanto por experiencia propia como por la de algunos lectores que dejaron su comentario. Tendrías que repasar lo que haces en comparación a lo aquí detallado.

    No obstante, si lo que te preocupa es tener un enlace de navegación y no precisamente este artilugio de las páginas, creo que te puedo ayudar algo más. Tendrías que incluir en el selector .blog-pager, un overflow:visible;

    Ahora mismo, no sé si de forma directa o heredada de una capa superior, tienes un overflow:hidden; y por algún motivo de formato, lo que te pasa es que tienes el enlace pero no "cabe" en su correspondiente espacio. Entonces el overflow lo esconde.

    Quizás también se arreglaría poniendo un margin-top:30px; o algo así. En cualquier caso si compruebas con lo del overflow que realmente tienes los enlaces de navegación, pero que simplemente no se consiguen ver, luego ya puedes arreglarlo de distintas maneras.

    ResponderEliminar
  36. Muchas gracias el sistema B esta genial. Como haría para quitarle la palabra Pages y el numero que aparece al principio? dice algo asi:
    Pages (72) 1 2 3 4 5 Siguientes

    ResponderEliminar
  37. Hola. Para cambiar eso tendrías que bajarte el fichero http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js y editarlo para cambiar un par de cosas.

    Hay dos ocasiones en las que el script utiliza
    Pages ('+(postNum-1)+')

    En esas dos ocurrencias tendrías que cambiar Pages por Páginas y para quitar el número total de páginas, borrar todo lo de los paréntesis, estos incluidos. Una vez hechos los cambios, guardas el fichro actualizado.

    Ahora queda lo más complicado hoy día y que es buscar un alojamiento para tu script modificado. Por último, tendrías que cambiar la dirección del script por la nueva que corresponda con el que has personalizado.

    ResponderEliminar
  38. Muchismas gracias !!!!!!!!!!! Un blog mas con esto funcionando http://www.quepelisver.com

    ResponderEliminar
  39. funcionando ... Muchismas gracias !!!!!!!!!!! Felicidades

    ResponderEliminar
  40. Gracias, poco a poco se van aprendiendo cosas, bye.

    ResponderEliminar
  41. pues yo estaba haciendo esto, y se me ha desmontado todo el blog, tengo la plantilla aspire (la verdad es que estoy un poco cansada de la plantilla) me podeis decir si tiene arreglo y cómo, gracias.

    ResponderEliminar
  42. gracias a ti estoy superdiseñando mi blog!! gracias una vez más!

    ResponderEliminar
  43. Andrews Ties, Anónimo, Quirino75, Vagina deprimida me alegro de que os haya ido bien.

    Alzira ¿no tienes una copia de seguridad? Si la vuelves a cargar volverás a tener el blog en condiciones, porque es difícil saber qué cambiaste. Si no la tienes prueba a seguir los pasos que hiciste a la inversa, aunque he visto que no tienes ya lo de la paginación. Aspire es una plantilla que me gusta, pero los gráficos la limitan en algunas cosas.

    ResponderEliminar
  44. Franco, repasa lo que hiciste, porque ahora mismo está funcionando sin problemas en muchos sitios. Ejemplo

    ResponderEliminar
  45. No pude quitarle la cabecera a mi blog, tuve que iniciar otro, pero este código me ha sido de mucha ayuda!! muchas gracias por los tutoriales y tus concretas explicaciones.

    Suerte en todo lo que hagas bye!

    ResponderEliminar
  46. Oloman, por que sera que siempre encuentro lo que quiero en tu blog.

    Muy bueno tu blog, y me sirvio mucho la entrada. Tambien ya la instale en mi blog ^^.

    Bendiciones

    ResponderEliminar
  47. Necesito ayuda, más vale que alguien vea esto y se apiade de mi. He instalado el widget de la forma automática, osea, el modo numero uno. Ha funcionado perfecto hasta que se me ocurriera sustituir los comandos 'data:label.url' por 'data:label.url + "?&max-results=5"' con la plantilla expandida. Fueron exactamente tres. Luego volvi a colocarlos como estaban en un principio y el widget sigue sin funcionar, pues ya no funciona ni navegando por labels ni por fechas. Pregunta típica de una persona que no sabe nada: ¿He dañado algo? Lo siento, soy principiante en esto. http://aleandme.blogspot.com/

    ResponderEliminar
  48. He reinstalado mi plantilla, volví a aplicar el widget, cambié los códigos como al principio y esta vez la paginación si funcionó, pero sigue sin aplicarse en la navegación por etiquetas >.<

    ResponderEliminar
  49. En tu caso, el valor a poner en el código que sustituye a la variable data:label.url, es 3 y no 5. Tres son los posts que tú muestras en tu página principal.

    Y otra cosa... supongo que a partir de ahora harás copias de seguridad de tu plantilla ¿no? ;)

    ResponderEliminar
  50. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  51. Hola, mil gracias por este aporte, ninguna paginación me funcionó (de otros blogs), salvo esta.
    Pero tengo un problemita...Puse el sistema B, me quedó perfecto, salvo porque solo muestra 51 páginas y ahí se corta, tengo más que esas y quisiera saber si podés ayudarme a solucionarlo.
    Mi blog es: http://clubdeintercambio.blogspot.com/

    Gracias, Saluditos

    ResponderEliminar
  52. Hola Lolilu. Como tienes configurado que se vean 10 posts por página, desde el panel de control configura 10 entradas por página, pon también varpagecount=10 y por último, haz lo que se comenta en B.3 en la entrada, también con el valor 10.

    Una cosa más. Cuando vas avanzando en las páginas, no caben todos los enlaces en tu ancho. Cambia también el valor displayPageNum por uno menos de lo que tengas establecido.

    Saludos.

    ResponderEliminar
  53. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  54. Hola he aplicado tu primera opción jejeje la más fácil soy un poquito vago, el problema es que a pesar de seguir todos los pasos 'data:label.url' al darle a una entrada concreta sigue saliendo lo de "entradas siguientes" no es que me moleste demasiado pero si hay alguna solución sencillita pues te agradezco la atención. Muchas gracias por adelantado y enhorabuena por tu blog es de gran ayuda. Un saludo

    ResponderEliminar
  55. La tahona, no sabría decirte cómo arreglarlo de otra manera que no fueran las instrucciones que reflejé en la entrada. Sólo te puedo sugerir que repases todos los pasos.

    ResponderEliminar
  56. En realidad el problema es que no puedo eliminarlo de las categorías he buscado todos los 'data:label.url' mediante ctrl+f y solo me encontraba uno lo he sustituido por 'data:label.url + "?&max-results=7"' porque son 7 las entradas que muestro al inicio, pero nada, si le doy a alguna etiqueta siguen apareciendo los textos... será cosa de esta plantilla. Gracias por tu ayuda y perdona mi ignorancia soy nuevo en esto. Un saludo

    ResponderEliminar
  57. Supongo que estás con "plantillas de artilugios expandidas"...

    ResponderEliminar
  58. Hola!!
    tengo una duda...yo lo he echo y me funciona perfectamente pero he hecho eso que has dicho de camibar 'data:label.url'y bueno primero es que solo he encontrado una y la he cambiado..pero sigo entrando en un entrada y asi y me sigue apareciendo eso de entradas antiguas, inicio etc y no se el porque....tengo que cambiar algo mas!!!!
    gracias

    ResponderEliminar
  59. Holaa de nuevo xD
    tambien tengo otra dudilla...el color de las paginas visitadas no se me cambia me queda la definida por el blog...y me queda el gadget descentrado, un poco hacia la derecha y le pongo centrar y na... aunque lo que mas me urgue es quitar lo de entradas antiguas y eso que te comenté antes xD
    mil graciasssss

    ResponderEliminar
  60. ¿Viste el comentario #60, Ani?

    Sobre lo de las páginas visitadas, es tal cual lo vers. Las pagínas visitadas no cambian de aspecto como los enlaces. Y sobre el "descentrado", realmente es porque hay palabras que salen en negro sobre fondo negro y no se ven. Cambia el COLOR de .showpageOf.

    ResponderEliminar
  61. pues no se me cambian de color y ya te digo que los tengo igual que los enlaces del blog y yo ni siquiera los he puesto de ese color, lo de showpageOf lo tengo en blanco, así que no debería de faltar nada... y si que expandi artilugios pero solo me aparece una... no tengo otra forma de que se quiten lo de las entradas antiguas sin que me interfiera a lo de la paginacion??
    gracias :)

    ResponderEliminar
  62. No es que falte nada Ani, es que en tu caso, el color por defecto es el negro y por eso le tienes que añadir a esa clase (showpageOf) el atributo COLOR:#FFFFFF;. Si sigue sin funcionar después de eso, añadele !important (color:#fffff !important;).

    Lo del data:label.url es raro, porque normalmente hay dos e incluso tres ¿Podrías comprobarlo de nuevo antes de seguir buscando otras cosas?

    ResponderEliminar
  63. ^_^lo de el color solucionado, tube que ponerle el important porque tampoco me iba... xD y lo de data:label.url lo he buscado mil veces, con el buscador y a mano y nada solo me apareció una que fue la que le cambié... igual no sé, al yo añadirle alguna cosa al blog igual hizo falta modificar el data:label.url y por eso no me aparece mas...por ejemplo. hace poco quite las etiquetas, bueno camufle las etiquetas para que no se me vieran debajo de los post y tambien la firma...es lo único que hice por esa zona...y como puedes ver le modifiqué el nombre a lo de entradas antiguas... y eso, digo por si sirve de algo...mmm y si las oculto o las elimino???
    gracias por tu paciencia xD

    ResponderEliminar
  64. No sé cómo funcionan las tripas del script de paginación, pero más o menos sé sus efectos.

    Los enlaces entradas antiguas/recientes siguen funcionando con él, pero al ejecutarse, el script los oculta. Esto se puede apreciar cuando la página se carga despacio, porque da tiempo de ver cómo desaparecen. Por tanto, ambas cosas son compatibles y de alguna manera, van unidas.

    Si realizaste modificaciones precisamente en cosas relacionadas con "labels", puede que efectivamente eliminaras algo que ahora nos haría falta... y si además cambiaste los enlaces antiguas/recientes, pues algo parecido.

    Todo esto quiere decir QUE NO TENGO NI IDEA DE COMO SOLUCIONAR EL PROBLEMA :D Puedes hacer pruebas en el sentido de lo que me comentas al final, pero realmente no sabría por dónde meterle mano para recomponerlo todo. ¿Alguna vez has leído algo sobre lo de las copias de seguridad? :D Si tienes una, vuelve atrás en el tiempo y comienza de nuevo con esto.

    ResponderEliminar
  65. Bueno, antes de nada gracias por tu ayuda ^^ la verdad es que con todos los trucos que hay y cosas para poner en el blog ya no se lo que quito o lo que no, por norma nunca hago nada raro porque me da miedo fastidiarla y siempre pruebo en mi blog de prueba, si he eliminado o modificado esa parte no lo se... pero bueno, la reina de las chapucillas para que no se vea lo de entradas antiguas y demas lo a borrado jaja y no me refiero a nada importante, si no simplemente el titulo del enlace, donde pone inicio lo he dejado en blanco, y donde pone entradas antiguas y demas tambien, no he puesto nada entre >< y punto ha queda en blanco...y como no he modificado nada "raro" todo funciona bien... es una chapuza pero no me quedaba otra xq quedaba mal la verdad...asi parece menos un blog xD
    un beso y gracias de nuevo por la ayuda *_*

    ResponderEliminar
  66. A grandes males, grandes remedios :D

    ResponderEliminar
  67. excelente ya lo probé y funciono al máximo. te felicito sigue así.

    ResponderEliminar
  68. el paginador no me sale como en la imagen de arriba,solo salen letras y numeros sin mas,creo que es por que le puse el "fondo de entradas trasparente" y debe trastocar algo ¿que solucion hay para eso?

    ResponderEliminar
  69. Roberto, me alegro de que te funcionara bien.

    Apofis, para que salga con otro aspecto, tienes que modificar a tu gusto la parte CSS. La puedes ver en el "Sistema B", entre etiquetas STYLE. Allí mismo (en el texto de debajo) puedes encontrar para qué sirve cada clase.

    ResponderEliminar
  70. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  71. pues a mi solo me funciona, pero nada mas que me da un maximo de 11 paginas, cuando me deberia de mostrar cuando menos unas 20 paginas, osea el numero llega nada mas a 11, si alguien sabe como solucionarlo o sabe de otro widget más completo se lo agradezco.
    Oloman, quiero un buscador similar al tuyo, donde lo consigo?

    ResponderEliminar
  72. Edgar, el problema que tienes, si ya has hecho lo que se indica en esta entrada, no sabría cómo arreglarlo. Con respecto al buscador, el que ves es el gadget "de serie" que tiene Blogger.

    ResponderEliminar
  73. Oloman logre que funcionara, pero luego me di cuenta que solo muestra las entradas hasta diciembre, de ahí para atrás no las muestra, no se que pueda ser???

    Ya que serian más de dos años de publicaciones

    ResponderEliminar
  74. En la página Inicio he visto 171 páginas y un post del 11-05-2008 con el título High and Mighty Color, la revolución del J-Rock. Parece que funciona bien.
    También por etiquetas. Navegando por J-Music, lo dejé cuando ya iba por un post de 25-03-2009

    ResponderEliminar
  75. Si ya lo solucione, actualice el script, parece que el anterior solo muestra las ultimas 500.

    Gracias por tu ayuda

    ResponderEliminar
  76. "Ferpecto". Si tienes el enlace del que sirve para más de 500 entradas, pásalo. Saludos.

    ResponderEliminar
  77. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  78. ...Mil años después. Ya hasta había olvidado lo de la botonera. Como cambié de plantilla me tocó volver a instalar el widget. ...Y volvió asuceder lo mismo. Obviamente estoy sustituyendo por 'data:label.url + "?&max-results=3"' ya que es 3 el máximo de entradas que deseo mostrar. Pero inmediatamente sustituyo, inmediatamente deja de funcionar el f*cking widget. Maldición...

    ResponderEliminar
  79. The Whistle. Ahora mismo tienes pocas entradas y no sé si esa será la causa. De todas formas, no tengo explicación ni ninguna solución para casos así, ya que mientras que a unos les funciona todo perfecto, otros teneis el inconveniente de la navegación por etiquetas que tienes tú. Con ese panorama no sabría ni por dónde empezar a mirar.

    ResponderEliminar
  80. Hola , antes que nada decir que es excelente tu blog , mi consulta es la siguiente: Siguiendo los pasos C , me salio todo perfecto pero quiero que el texto que dice Page (N°) sea en castellano y no logro encontrarlo en ingles para cambiarlo , espero me puedas ayudar.

    Saludos!

    Red Todo On Line

    ResponderEliminar
  81. El Moderador, ese "rótulo" forma parte del script. Para cambiarlo tendrías que descargarlo (http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js) y editarlo para cambiar PAGES por PÁGINAS. Luego necesitarías subirlo a algún sitio bajo tu control y por último, cambiar la dirección que indico por la tuya nueva.

    ResponderEliminar
  82. Este sitio es simplemente brillante. Gracias por toda la ayuda brindada Oloman. Nada más pasaba a agradecer y recomendar una forma de alojamiento de scripts: dropbox. Se pone el fichero en una carpeta pública, nos dan un link y listo. http://dropbox.com

    ResponderEliminar
  83. Gracias Kvca. Lo conocía pero no lo había mencionado lo pondré por ahí. ;)

    ResponderEliminar
  84. Anónimo28/7/10 3:22

    ya lo probe, pero no va con mi blog

    ResponderEliminar
  85. Sólo conozco esos sistemas que explico. Lo siento.

    ResponderEliminar
  86. Hola, antes de nada felicidades por la página, es perfecta!

    He intentado hacer en mi blog: creaturas.org el truco, y me salió perfecto la primera parte, es decir en la página inicial sólo.

    Pero cuando hago el cambio en la plantilla, he puesto el valor 1, ya que en la página inicial tengo configurado sólo una entrada.

    Lo curioso esque las etiquetas cada una tiene un número de entradas diferentes por página. Y puede que ahí este el error.

    En mi panel de blogger sólo veo número de entradas a mostrar en la página principal.

    Con este truco entiendo que el número de páginas tiene que ser el mismo tanto en la página principal, como en todas las demás.
    Pero ¿dónde cambio esto en configuración? En el menú soló veo para cambiar el número de entradas de la página principal. Y si pongo 1 pagina para mostrarse en las demás páginas me desaparecen entradas y me quedan mal. Así que he resaurado la plantilla anterior.

    En caso de que no pueda paginar el resto de páginas, si dejo sólo la paginación en la primera página, y no aplico esos cambios en plantilla de la segunda parte. ¿No hay ningún problema, o es obligatorio hacer cambios en plantilla?

    Gracias y salu2 (:

    ResponderEliminar
  87. Hmmm. Eso de poner una sola entrada es un caso extremo y no me extraña que no te funcione bien, ya que incluso para más, parece que este sistema de paginación tiene sus carencias.

    En un principio, si configuras desde el panel, 1 entrada por página, en todas las páginas (etiquetas incluidas) te debería aparecer eso, sólo una. Eso también es extraño.

    Por otro lado, de momento tienes pocas entradas para poder realizar pruebas fiables.

    Dicho esto, la solución (la única que conozco) es hacer lo que se dice en el apartado B.3 de este post, de forma que la cifra indicada coincida con la programada en el panel de control para el número de entradas en cada página. No sé otra manera.

    ResponderEliminar
  88. Oloman, tengo una pregunta, hay posibilidades para que el script solo funciones con las entradas con ciertas etiquetas, me explico.
    Tengo un blog que mas parece una página que un blog, y publico entradas nuevas en fechas anteriores para que no aparezcan en la pagina principal, incluso algunas cumplen la función de paginas estáticas, hay posibilidades que esas no salgan en la paginación???

    ResponderEliminar
  89. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  90. Muchas gracias, ha quedado muy bien y funciona a la perfección. Saludos!

    ResponderEliminar
  91. Yurika, para que no se vieran esas páginas que tú usas como estáticas, habría que "anularlas" para que no se vieran si no estamos en la propia página.

    Ahora mismo no sabría explicarte cómo hacerlo exactamente, ni tampoco si funcionaría con seguridad, pero supongo que se podría intentar hacer páginas sin comentarios y utilizar un condicional con la etiqueta data que recoge esa opción. Luego, en el bucle principal que lee los distintos posts, mostrarlas o no según dicha etiqueta (data:post.allowComments). En el enlace, más información sobre cómo usar esto.

    ResponderEliminar
  92. Me funciona perfectamente, GRACIAS! :)

    ResponderEliminar
  93. Anónimo15/9/10 8:55

    Sos un padre sos el mejor me ayudas mas de 40 paginas incluso las mas conocidas la blogeria gemablog ciudad blogger NINGUNO me ayudo no hay lugar a duda que eres el mejor y que los demas solo te copian... un abrazo amigo

    ResponderEliminar
  94. Porfavor quisiera saber como en ves de poner el tipico pages 1 2 3 etc quisiera poner una imagen en su lugar a mi gusto si se puede claro donde añado el <img en que parte del .js porfavor ayudame

    ResponderEliminar
  95. Anónimo, deberías saber que los sitios que citas es de dónde más he aprendido. Dudo que no te hayan ayudado. Lo que es posible es que no hayan publicado nada al respecto de la paginación o que simplemente no lo hayas encontrado.

    Ramoncin, eso que propones seguro que es posible, pero también seguro que es complicado. Pero es que además no entiendo muy bien el objeto de la idea. ¿Una imagen por cada uno de los números? ¿Cuantas páginas tienes? ¿Cuántas páginas tendrás de aquí a un año? Me parecen muchas imágenes ¿no?

    ResponderEliminar
  96. No oloblogger - no quiero imagenes no me comprendiste disculpa sino me explique quiero...que sea con colores y tal o que tenga algo

    es que el mio solo pone pages 1 2 3 next
    quisiera que tuviera un efecto de reflejo o algo asi cada numero fuera igual blanco pero el pages naranja o algo asi por ejemplo con el reflejo

    2º te pido un favor sabes como quitarle a las imagenes el contorno? es que yo le pongo imagenes pero se queda un cuadro alrededor color clarito pero se nota y quiero alo mejor poner algo transparente pero se nota a los costados el contorno de la imagen no hay un codigo para quitar eso amigo?

    3º muchas gracias por tu labor te agradezco tu colaboracion y respuesta tan rapida

    ResponderEliminar
  97. Ramoncin, dónde está el sistema B de esta entrada, hay un código. Esa parte corresponde al estilo, al CSS. Esa parte es la que hay que modificar para darle otros colores, otras fuentes, poner borde, imagen de fondo, etc. Un poco más adelante, se explica a qué corresponde cada selector (clase).

    De esta manera, .showpageNum a afectará a todos los botones (incluidos los números). Si el resto (siguientes-posteriores) los quieres con aspecto distinto, después modificas también los que correspondan según la leyenda que decía antes.

    Para quitar a las imágenes el contorno, dentro de la etiqueta IMG (dónde pones la dirección de la imagen), simplemente añade BORDER="0".

    3º. De nada

    ResponderEliminar
  98. Hola compañero, mira hice todo el procedimiento del sistema C y todo bien pero... no se ven los cuadritos en los números, ya que se ven todos juntos, por favor si me podrías decir que falta te lo agradecería, en mi perfil el Blog es v-junker.com

    Saludos! por cierto tienes un excelente Blog ^^

    ResponderEliminar
  99. Me costó, pero lo encontré Betho. Justo debajo de esto:
    /* BORDE AL FINAL DE LA ENTRADA */
    #borde{
    border: 1px dashed #C0C0C0;
    padding: 8px;
    ...te falta un cierre }

    El no ponerlo supone que todo lo que viene detrás (el estilo de la paginación), no se ejecuta. Añade el corchete y listo ;)

    ResponderEliminar
  100. oooo muchas gracias jeje un pequeño corchete me falto, no me di cuenta todo por hacerlo rapido jeje.. ahora si ya se ve mejor, gracias y saludos!!

    ResponderEliminar
  101. amigo mira ayudame porfa tengo un blog de libros en la cual tengo un post con muchos libros de la misma categoria en la cual a mi me gustaria en ese post colocarle paginacion para que no se vea tan grande esa entrada.. el codigo me funciona pero no se como ponerle como le estoy explicando espero me ayude gracias.

    ResponderEliminar
  102. Moderador, lo que se explica en esta entrada es para paginar pero por entradas (posts). Que yo sepa, no se puede hacer que un mismo post tenga varias páginas. Si es largo, es largo. No se puede presentar en varias páginas... al menos con Blogger.

    ResponderEliminar
  103. mmmmm bueno ta bien muchas gracias por la atencion

    ResponderEliminar
  104. Lo he instalado y sólo me pagina hasta 500 entradas cuando tengo unas 1000.

    He leído todos los comentarios y se ha tratado el tema pero al final parece que nadie lo ha resuelto.

    Pregunto, ¿se puede hacer que pagine el blog entero o está limitado a 500 entradas?

    ResponderEliminar
  105. Por defecto Blogger muestra en el feed sólo los últimos 500 posts y por eso este gadget se para ahí. No sé si eso tiene solución y yo tampoco sabría hallar una. Puedes buscar en Blogger Plugins por si hay algo al respecto

    ResponderEliminar
  106. Hola
    He instalado el sistema c. Y tengo el mismo problema que Ani (comentario 64).Y aplico la solucion que le das en el (comentario 65).Y sigue sin aparecer el indicador de paginas.
    El nombre del blog es 02belen

    ResponderEliminar
  107. Buen dia, yo segui los pasos del sistema A y en mi blog solo aparece el titulo del gadget nada mas, no se muestra el gadget para nada, ni en Firefox Mozilla ni tampoco en Google Chrome que es el que mas uso, gracias...

    ResponderEliminar
  108. toctoc06 ¿Te refieres a unos números de color pistacho, con hover fucsia, fondo negro y borde blanco? :) Me parece que ya lo solucionaste ¿no?

    Anónimo prueba el B, que para mi gusto es el más sencillo, eficaz y que mejor resultado da.

    ResponderEliminar
  109. gracias por la explicación, como siempre bien detallada

    en mi blog de música hice el sistema A con la parte de edición del B para que al navegar por etiquetas también salga y funciono todo ok

    una lastima no sea fácil quitar o editar lo de Pages

    saludos

    ResponderEliminar
  110. Hola de nuevo
    No se trata de ese blog. Es uno con fondo negro,el borde de los cuadritos en blanco y los numeros y la palabra siguiente, en verde.
    El nombre del blog es http://02belen.blogspot.com
    Espero que ahora si lo localices
    Saludos

    ResponderEliminar
  111. Otro problema que tengo y que he leido que no soy el unico. Es que el numero de paginas que muestra, no es real.
    ¿ es posible solucionarlo?
    Saludos

    ResponderEliminar
  112. Jose Andrés, no es fácil, pero tampoco muy difícil. En el comentario #84 expliqué someramente cómo hacerlo y había también un enlace para poder alojar luego el propio fichero.

    Toctoc06, pues ese también lo veo ya adaptado a los colores de tu blog:
    http://yfrog.com/fkpaginacionj
    http://img560.imageshack.us/img560/7530/paginacion.jpg
    ¿?
    Sobre lo del número de páginas, si no se ajusta a la realidad, no conozco otro sistema de arreglarlo salvo lo que explica Jose Andrés justo antes que tú.

    ResponderEliminar
  113. Hola
    Por lo que me dices. Me da la impresion de que cuando visitan mi blog. No aparece el diseño que yo he creado. En lo que se refiere al fondo.
    Gracias por todo.

    ResponderEliminar
  114. Supongo que eres de la camada de Toctoc06, Pepo. Si es así, se ve justo lo que te puse en las imágenes.

    ResponderEliminar
  115. Oloman
    Efectivamente, soy de la misma camada.
    Hazme el penultimo favor.
    El blog de 02belen,el fondo es negro.Por eso yo no puedo ver el marcador de paginas.
    Si tu si lo puedes ver. Te agradeceria me dijeras que diseño de fondo te aparece a ti. Y ya puestos al tajo.Me digas si tarda mucho en cargarse mi pagina.
    De nuevo gracias y saludos
    Pepo

    ResponderEliminar
  116. toctoc06, el diseño que se en 02belen es exactamente este: http://img560.imageshack.us/img560/7530/paginacion.jpg

    Y la página no tarda mucho, aunque ese punto siempre es mejorable. Yo por ejemplo, tengo mucho que mejorar ahí :D

    ResponderEliminar
  117. hola oloman, otra vez yo, bueno te dire lo que quiero conseguir, primero como puedo lograr que la paginacion quede arriba de los comentarios y no abajo, segundo puedo de alguna forma que la paginacion se pueda hacer solo mostrando de a 1 entrada pero que no tenga que modificar la cantidad de numero de post de la pagina principal. mejor dicho pss quiero crear algo parecido a esto
    http://www.explosm.net/comics/2300/
    pss no tiene que ser igual
    aunq sea un poco parecido a esto, si me puedes ayudar te agradeceria un monton

    ResponderEliminar
  118. Daltonico, ese script cambia los enlaces de Entradas recientes/antiguas por los cuadraditos de las páginas y eso no es configurable por tí. Habría que modificar el script para eso y al menos yo, no sabría cómo hacerlo.

    Se me ocurre una cosita pero no sé si funcionará.

    Desde la plantilla (artilugios expandidos), localiza <b:include name='nextprev'/> y ponlo en otra parte del blog. Si es como yo creo, la paginación te saldrá en ese nuevo lugar.

    Si no funciona, será bastante con colocar eso en su ubicación original, así que no tienes nada que perder.

    Ya me cuentas...

    ResponderEliminar
  119. gracias, me funciono como dijiste. ahi dure 2 dias modificando y hay voy poco a poco. mira como quedo www.menteacida.com

    y gracias por responder rapido, excelente.

    ResponderEliminar
  120. Hey!!! Oloman, Cómo va todo?

    Yo instalé este gadget en mi blog tiempo atrás, pero no recuerdo de qué forma. Quisiera cambiar el número de cuadrados que apararecen numerados, pero por más que he buscado basándome en esta entrada, no he encontrado dónde ni cómo modificarlo. Busqué por "var displayPageNum" pero no aparece. Quisiera que te pasaras por mi blog para ver si me puedes ayudar.

    http://rocksnrulestv.blogspot.com/

    PD: ¿Es posible mostrar el número de páginas totales antes de los cuadrados?

    ResponderEliminar
  121. Ya resolví la primera pregunta, tenía el gadget por allá escondido. En cuanto a lo de si es posible mostrar el número de páginas que existen, que me comentas?

    ResponderEliminar
  122. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  123. Es que encontré la respuesta a la pregunta que había formulado,por eso borré el mensaje anterior ;)
    Gracias igualmente porque la solución la encontré aquí.

    ResponderEliminar
  124. Daltonico, NEITH571[Cristina], ssssstupendo :D

    Lo tienes RocksNRules, lo tienes. Lo que pasa es que el color de la letra es igual al del fondo. Cambia el valor de COLOR en .showpageOf :)

    ResponderEliminar
  125. Olobloger como decias si el blog tiene mas de 500 paginas no las reconoce la paginacion no? hay alguna solucion que halla salido que conozcas?
    Saludos que andes bien y desde ya muchas gracias.

    ResponderEliminar
  126. Yurika-Chan en el comentario #78 decía que lo solucionó actualizando a la última versión del script, pero yo no lo he comprobado MR producciones.

    ResponderEliminar
  127. Hey!!! Gracias Oloman, que curioso que no me haya dado cuenta que ya tenía el total de páginas. Pero no pude cambiar el color de texto, me tocó cambiar el fondo en cambio, intenté con text-color pero no funcionó.

    Un saludo

    ResponderEliminar
  128. Hola si antes de la paginacion quiero poner adscense porque no me deja i siempre me sale abajo?

    como lo modifico ? porque ponga donode ponga el gadget siempre aparece la paginacion despues de las entradas gracias!! ;)

    http://www.vayatroll.com/

    ResponderEliminar
  129. he visto por alli arriba que le has dicho a uno que toque y para ponerlo al final donde lo enganxo gracias ;)

    ResponderEliminar
  130. Flanagan, lo que tienes que cambiar de sitio es <b:include name='nextprev'/>
    Allí dónde pongas ese trozo de código es dónde te saldrán los cuadritos de las páginas.

    ResponderEliminar
  131. muy bueno gracias me quedo de 10.

    ResponderEliminar
  132. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  133. ¿Ya salió Filigrana? :D

    No sé qué tiene tu blog, pero es como si sólo hubiera 3 entradas publicadas...

    ResponderEliminar
  134. no sabes como me cirbio esta entrada , te lo agradezco un monton!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! la verdad el blog es re cool y sus atores son unos genios !!! muchas gracias por la entrada!!!!!!!!!! , Kenzo

    ResponderEliminar
  135. Hola Oloman y felicidades por tu blog. Te sigo desde hace tiempo y he mejorado mucho el diseño de mi blog gracias a ti, hasta que intento hacer la paginación y no hay manera!!!Lo he intentado de las tres maneras y no me sale nada. Sólo con el widget me sale un recuadro debajo de las entradas pero sin nada dentro. No sé que podrá ser.Creo que al ir instalando diversas cosas, quizás he tocado algo que no tenía que tocar o que afecta a la paginación(porque tampoco me sale el anterior posterior original de blogger) ¿Me podrías echar una mano por favor?? www.clubdetenisparedes.blogspot.com

    ResponderEliminar
  136. Javier, creo que el problema está en que no tienes los enlaces de navegación y este cacharro, lo que hace es sustituir dichos enlaces por la paginación. Si no hay enlaces, lo más probable es que no funcione bien.

    Así que primero tendrás que poner los enlaces esos de Entradas más recientes/Entradas antiguas.

    Aquí está cómo se hace eso:
    http://oloblogger.blogspot.com/2009/06/navegacion-blogger-entradas-antiguasmas.html

    ResponderEliminar
  137. Gracias Oloman, he consultado la entrada de la que me hablas y ya me sale pages(2)/1/2/Siguiente, pero no me sale paginación de esta entrada en ninguna de sus tres variantes (ni s, ni b, ni c). ¿Qué puedo tener mal?
    muchas gracias de antemano
    http://clubdetenisparedes.blogspot.com

    ResponderEliminar
  138. Javier Pajares, la primera condición que puedes ver en C.2 es precisamente para que en páginas de entradas individuales, no funcione este truco. Esto es porque está pensado para las páginas de navegación, bien por etiquetas, bien por Recientes/Antiguos.

    ResponderEliminar
  139. Hola Oloman
    ¿Cómo puedo hacer una paginación decente para mi página? Me sale Pages (3)/I/2... y ya sabes que no me sale ninguna de tus tres opciones ni A ni B ni C. ¿alguna idea?
    clubdetenisparedes.blogspot.com
    Muchas gracias de antemano

    ResponderEliminar
  140. Javier, no conozco otras maneras de montar este sistema en Blogger, aparte de las mencionadas aquí. De todas maneras, tanto en Internet Explorer como en Firefox, yo veo la paginación tras las entradas de tu blog, sin problemas.

    ResponderEliminar
  141. Muchas gracias oloman por tu contestación.
    Verse se ve pero¿Puedo modificarlo un poco? en vez de pages páginas, poner un cuadradito en 1, 2 3 siguientes, el color, es decir, modificar un poco el aspecto de esa paginación para que parezca algo más profesional.
    Muchísimas gracias de antemano y felicidades por el blog

    ResponderEliminar
  142. como ciempre ahy que agradecer muchisimas gracias me sirvio perfecto para my site de peliculas muchas gracias si kieren ver como me kedo aki ta
    http://cinecolombi.blogspot.com

    ResponderEliminar
  143. Javier Pajares, si usaste este mismo código, encontrarás una parte CSS que es la que sirve para dar el estilo que necesitas. Es el trozo de código en B.1 y en C.1. En el primero se explica para qué sirve cada clase.

    ResponderEliminar
  144. como desinstalo este paginador ?? , porfavor ayudame necesito saberlo.

    ResponderEliminar
  145. como hago para volver a tener la paginacion anterior?? :( por favor ayudenme , lo hize de la forma automatica y quisiera quitar ese widget . gracias pro su ayuda

    ResponderEliminar
  146. Quisiera que este como antes de usar este paginador . muchas gracias por su atencion.

    ResponderEliminar
  147. Chef Rafael Piqueras, tienes que buscar la parte de código que se ve en C.2 y quitarla. Con eso restituyes los enlaces originales de navegación de Blogger.

    ResponderEliminar
  148. gracias pero esa solucion no me sirve ya que yo no pegue el codigo , solo ejecute el script y se supone que eso ingresa el codigo solo . porfavor ayudame .

    ResponderEliminar
  149. Vale. El script añade automáticamente el código, pero el hecho es que LO INSERTA. O sea, que tienes que tener el código que te indico por ahí. Edita la plantilla con "Plantillas de artilugios expandidas" y búscalo. Te aseguro que si tienes paginación, tienes un código que la genera.

    ResponderEliminar
  150. ¡Muchísimas Gracias!

    Funciona a las mil maravillas.

    ResponderEliminar
  151. Hola:
    Me podrias mirar porque la paginacion modelo C, ha desaparecido y ahora en su lugar me aparece "pagina principal entradas antiguas.
    He mirado en la plantilla, y en principio estan los codigos que tu tienes.
    El blog es http;//mcpepo01.blogspot.com.
    Te agradeceria le echaras un vistazo, por si tu puedes ver la causa.
    Saludos
    Pepo

    ResponderEliminar
  152. Hola:
    Soy el del comentario anterior.
    He estado mirando el blog del que anteriormente te solicito ayuda. Y me he encontrado en herramientas para webmasters.En el apartado, acceso de rastreadores lo siguiente
    Acceso a la página principal-Googlebot se encuentra bloqueado para http://mcpepo01.blogspot.com/.
    Estado-200 (correcto)
    Googlebot-Bloqueado por la línea 6: Disallow: /
    ¿ que puedes decirme sobre esto ? ? tiene algo que ver con el anterior problema?
    Espero que puedas ayudarme. Porque he mirado en Google y no encuentro solucion.
    Saludos
    Pepo

    ResponderEliminar
  153. Buenas, como haria para que asi mismo puedan verse pero en otros lugares que no sea solo en la pag principal? me urge gracias de antemano

    ResponderEliminar
  154. Toctoc06: "Este blog sólo admite a lectores invitados". No puedo ver nada.

    Enlace Mundo, salvo que hayas introducido algún cambio (un condicional), este código funciona en todo tipo de páginas.

    ResponderEliminar
  155. Hola Oloman
    Eso me lo podrias haber dicho la primera vez.De todas formas gracias por lo problemas que me solucionaste cuando el blog era publico.
    Saludos
    Pepo

    ResponderEliminar
  156. Toctoc06, es la primera vez que te contesto a esta pregunta, la primera vez que intento ver esa cuestión en concreto y la primera vez que encuentro la página privada.

    El error que comentas es que en tu plantilla se incluyen instrucciones para que Google no pueda leer esa página. Creo que no tiene nada que ver con la paginación, pero se puede comprobar haciéndolo público provisionalmente (unos minutos). Si se recupera la paginación habrás encontrado la causa del problema.

    Por otra parte, bloquear la página para buscadores es lo mejor cuando el blog es privado.

    ResponderEliminar
  157. Hola amigo hice lo que dices en el paso B y me salio bien pero me quedo muy chiquiito con respecto al blog queria saber si hay alguna forma de agrandar las letras de la apginacion

    saludos

    mi correo es este pnl_intercambio@hotmail.com

    ResponderEliminar
  158. si quieres ver como me qeudo te dejo mi pagina

    http://seducevip.blogspot.com/

    ResponderEliminar
  159. Supongo que ya descubriste que el tamaño de letra se cambia incluyendo un font-size en el CSS que hay en la parte B.1, Rodrigo. En ShowPageArea si quieres que afecte a todo o usando alguna de las otras clases si sólo quieres que se modifique en cierto sitio ;)

    ResponderEliminar
  160. Si amigo ya lo arregle y que bueno que ayas vuelto estuviste ausente como 10 dias espero que respondas mis otras dudas en tus otros post por favor

    Desde ya muchas gracias

    ResponderEliminar
  161. Muchas gracias, este aporte me fue realmente muy útil para darle ese toque "menos blog" a mi blog.

    Los invito a que lo visiten y vean lo bien que quedó esta barra de paginación en mi lugar.

    http://laterceravenezuela.blogspot.com/

    ResponderEliminar
  162. Hola. Use el segundo método y todo bien pero (siempre el dichoso pero) a pesar de que he hecho los cambios en la plantilla para que me salga cuando estoy revisando por etiquetas pues no me aparece. Lo peor es que en mi blog de prueba lo hice primero y salió perfecto.

    Disculpa la molestia . Gracias de antemano

    ResponderEliminar
  163. Me funciono mejor el Gadget. Gracias.

    ResponderEliminar
  164. Quizás se te pasó cambiar algún data:label.url Jessica Villar. Eso que dices sobre que en un sitio te funciona y en el otro no, parece que corrobora esa teoría.

    Fherguzon Fletcher, a tí por hacérnoslo sabr.

    ResponderEliminar
  165. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  166. hola chicos veras, he utilizado una plantilla para blogger. en esta tiene unos botones al final que son de Next and Prev, pero cuando quiero darle a "next" no pasa... en otras palabras no me lleva a las antiguas entradas o recientes entradas (eso si como yo lo alla ordenado) el caso es que no funciona miro en la barra de abajo del explorador que indica la direccion y parece que no hay vinculo con el boton porque aparece www.pagina.blogspot.com/# entonces me voy al editor de html para encontrar esa seccion y ponerle su vinculo pero pssss este www..pagina.blogspot/ no aparece, osea no aparece el espacio para yo poder colocarle la pagina y vincularlo.

    Ahora no se si alla otro modo o si ese sea el modo de arreglarlo o yo estoy ciego.

    Asi aparece: http://i56.tinypic.com/2qaivwn.jpg

    y el link de la plantilla es http://btemplates.com/2011/blogger-template-unica/

    la direccion de la web del asunto no es narutosymangas es la que aparece en la imagen.


    GRACIAS!!!!!!

    ResponderEliminar
  167. OAMIGOS YA LO ARREGLE JAJAJAJ GRACIAS!!!

    ResponderEliminar
  168. Daniel000515 y NARUTOSYMANGAS, supongo que sois la misma persona o al menos administradores del mismo blog, porque, efectivamente, a día de hoy todo funciona bien.

    Si es así, no estaría mal que explicarais dónde estaba el fallo para que otros pudieran conocer la solución...

    ResponderEliminar
  169. He leído los comentarios y un chico tuvo el mismo problema que yo, que se veía muy pequeño en comparación con el blog. A pesar que he leído la solución, no consigo hacerlo. Si fueras tan amable de dármelo de manera más masticada :). Gracias.

    ResponderEliminar
  170. Hola Oloman, e utilizado el sistema C, e seguido todos los pasos y funciona perfectamente, menos en los resultados de las etiquetas que aparecen los enlaces de blogger de entradas antiguas, recientes y pagina principal. ¿Que estoy haciendo mal?
    Saludos

    ResponderEliminar
  171. Mon yo los veo del mismo tamaño que el resto del texto de la página, pero si quieres hacer los números más grandes, en esta línea:
    .showpageArea a {text-decoration:underline;}
    ...inserta un font-size:
    .showpageArea a {text-decoration:underline;font-size:16px;}
    Cuando lo veas, ya ajustas el tamaño al que quieras.
    ¡Ah! Y si no encuentras esa línea, la insertas nueva antes del cierre del SKIN.

    John Mistery Doe, posiblemente nada. Es algo que algunos han comentado que les ocurría, pero como el script no es mío, la verdad es que no sé cual es el problema. Sólo se arregló en algunos casos con la modificación que propongo en el sistema B, punto 3.

    ResponderEliminar
  172. Exelente, una info muy completa, se agradece!!

    ResponderEliminar
  173. Gracias... Me estaba volviendo loca buscando cómo paginar mi blog y ahora por fin, di contigo!!
    Ya he hecho los cambios necesarios (por el método B, que para mi que soy novata en esto es más facil, jeje)
    Una vez más, Gracias!!
    Un saludo desde:
    http://keka22.blogspot.com/

    ResponderEliminar
  174. Hola:

    Podrias decirme,por faavor,como hacer que NO se muestre la paginacion en la pantalla principal?, es que solo me interesa en la navegacion por etiquetas.

    Muchas gracias por todo!!!

    ResponderEliminar
    Respuestas
    1. En el punto C.2 puedes ver que la primera línea es una condición para que el script NO se ejecute en las entradas individuales. Añade a continuación una segunda para que NO se ejecute en la página principal. Si no sabes de condiciones Blogger. Utiliza el buscador de arriba y encontrarás un par de artículos.

      Eliminar
  175. Hola "Oloman" tengo una duda, segui todos los pasos de la forma C, y funciona OK - pero solo me pagina 500 post y no las 1400 entradas que tengo publicadas, osea solo me aparecen 1,2,3,...,50; gracias - espero tu respuesta!

    ResponderEliminar
    Respuestas
    1. Pues no. Eso no lo sé. Ni siquiera sabía que ocurría.

      Supongo que habría que modificar la carga del feed de alguna manera parecida a la que se explica al final de esta entrada, pero la verdad es que nunca me he metido a destripar ese script que por otra parte, viene comprimido y es un lío interpretarlo.

      Lo siento.

      Eliminar
  176. Lo he instalado con gadget y a mí me funciona pero querría cambiar el orden de paginación. Es decir, que en lugar de ser 1,2,3 siendo la 1 la más actual y la 3 la más antigua sea 3,2,1. Siendo la entrada 1 la más antigua y la 3 la más actual. ¿Se puede hacer?

    ResponderEliminar
    Respuestas
    1. Bueno, es probable que sí se pueda, pero yo no sabría cómo hacerlo.

      Eliminar
  177. uff gracias! llevaba arto buscando esto :)

    ResponderEliminar
  178. DUDA! como hago para que tambien salga en el archivo del blog? o tal ves no que salga si no que no desaparezcan los botones de siguiente y anterior, por que uno llega al archivo y solo se pueden ver lo que estan en la primera hoja :(

    ResponderEliminar
    Respuestas
    1. No sé. Sólo recopilé la información y no controlo este script. De todas formas yo pinché en un mes y me aparecieron abajo los enlaces normales: recientes-home-antiguos.

      De todas formas prueba a meter en tu CSS esto:
      #blog-pager-older-link a {width:20px; height:20px;display:block;}
      #blog-pager-newer-link a {width:20px; height:20px;display:block;}

      Verás unos cuadraditos blancos que se pueden pinchar y que funcionan como enlaces. Si te funciona ya sólo sería cuestión de meter además un background con una imagen de 20x20 en cada uno... o cambias los valores de width y height y pones una del tamaño que tú quieras.

      Eliminar
  179. me puedes decir como eliminar JS/TrojanDowloader.Iframe.NKET Troyano, encontre en una plantilla este virus o bueno mi antivirus lo detecta como virus comohacer parapoder eliminarlo..??

    ResponderEliminar
    Respuestas
    1. Yo no, pero en este sitio es dónde soluciono mis problemas de esa índole: Foro Spyware

      Eliminar
  180. Ya no funciona, parece que eliminaron el script, ¿Alguna idea de dónde encontrarlo?

    http://cortosdigitaltv.blogspot.com

    Un saludo.

    ResponderEliminar
    Respuestas
    1. Lo encontré y lo he subido por mi cuenta a https://sites.google.com/site/rafirerocks/scripts/paginaci%C3%B3n%20script.txt

      para quien lo necesite.

      Eliminar
    2. Gracias por el aviso y el link. Ya he actualizado la entrada.

      Eliminar
  181. Hey Oloman! Muy necesaria esta entrada. Aunque a mí no me ha funcionado. No se porqué, pero la plantilla que utilizo ni si quiera me muestra los links de navegación básicos (Entrada antigua/Entrada reciente).

    He intentado hacer funcionar este artilugio con cada uno de las tres maneras que detallaste, pero no hay caso.

    ¿Podrías por favor darme un mano? Este es el enlace de mi blog:

    http://www.exelzeitgeister.com.ar/search/label/blog

    Saludos y gracias desde ya. -_-

    ResponderEliminar
  182. Esta es la plantilla que utilizo por si te hace falta hacer pruebas.

    http://besttheme.net/2011/shutter-shot-blogger-template/

    Espero tu respuesta -_-

    ResponderEliminar
    Respuestas
    1. Si no tienes los enlaces de navegación básicos, primero tienes que habilitarlos, ya que este script lo que hace es sustituirlos por las páginas. Aquí tienes cómo hacerlo: Enlaces de navegación desaparecidos.

      Eliminar
  183. Un par de preguntitas nada mas Oloman... Como le puedo agregar INICIO, ULTIMA... y se puede cambiar la palabra en Ingles Pages en español ?
    estoy usando el gadget... Desde ya gracias, sos groso, sabelo ;)

    ResponderEliminar
  184. Tendrías que editar el fichero JavaScript (blogger-page-nav-v2.js), buscar las palabras en inglés, sustituirlas por las españolas y luego realojar el nuevo fichero en un sitio bajo tu control. Por último cambiar la dirección del fichero original por el tuyo en este código del post y ya está.

    Dicho así parece fácil (y lo es), pero todo depende de cómo te manejes con estas cosas.

    ResponderEliminar
  185. Mmmm, tengo un problema sin solución. He intentado con los 3 metodos, he visto la actualizacion y he descargado el JS y subido a otro sitio... y no funciona con mi plantilla. Tengo los enlaces de navegación normales con una pequeña modificacion propia de la plantilla...

    ResponderEliminar
    Respuestas
    1. sorry, me olvidé, es: http://youtudown.blogspot.com por si alguien puede dar una miradita y quizas darme alguna idea de por qué ningun metodo me funciona...
      Gracias

      Eliminar
    2. Hola. Este código lo que hace es sustituir el gadget de enlaces de navegación normales de Blogger por la paginación. Si tienes estos últimos modificados, lo único que se me ocurre es que los dejes cómo estaban originalmente (en cualquier blog de pruebas puedes ver la estructura HTML) y lo intentes de nuevo. Puede que el script no encuentre lo que busca para sustituir.

      Eliminar
    3. Jaja, creo que lo encontré, y gracias a ti. Tengo reemplazado el div class='blog-pager' id='blog-pager' por un div class='navigation' id='blog-pager' Ese es el problemilla... Voy a modificar codigos y probar nuevamente alguno de los metodos de paginación.
      Muchisimas gracias por la ayuda. Esa es la diferencia entre una persona que SABE y una que recien aprende :)

      Eliminar