Poner Paginación en Blogger de una Manera Fácil


Poner páginación en blogger es muy fácil, hora veremos cómo hacerlo, así que si tu blog aun no tiene una barra de paginación y quieres agregar una, en este post veremos cómo podemos agregar dicha barra de una manera muy fácil y rápida. También les dejo otro artículo con 6 estilos de paginación para blogger.

Poner paginación en blogger fácil y rápido

El meto que usaremos es sencillo ya que sólo tenemos que agregar el código de estilo CSS en la plantilla, y añadir un gadget HTML/Javascript. Para ello tienes que seguir los 2 pasos siguientes:

1. Ve a Diseño > Edición de HTML > busca ]]></b:skin> justo antes pega el siguiente código:

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

Ahora ve a Diseño > Añadir gadget > elije HTML/Javascript y pega el siguiente 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:#d10000;}.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=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='http://dl.dropbox.com/u/3373498/PazosBlogger-blogger-page-nav-v2.js.txt'></script>


Una vez guardado el código muévelo debajo de las entradas.

Configuración:

var pageCount=5; (el código está predeterminado para mostrar 5 entradas por página, cambialo por el número que tu quieras, está en rojo en el código).
var displayPageNum = 5; (número de páginas en la lista, está en azúl).

También podemos cambiarle el color a la barra de navegación, combinándola con la plantilla que usemos. Les dejo un generador de códigos de colores.

25 comentarios:

Diseño 3D y 2D el 15 de abril de 2010, 19:19 dijo...

Buenísimo! quedó impecable, muchísimas gracias!

Wmaster el 24 de mayo de 2010, 11:23 dijo...

Ola amigo de pazosblogger no me funciono :S:S y lo realize tal y como estan en las indicaciones.
K hago?

Anónimo dijo...

Felicitaciones el contenido esta muy bien, este en especial no me funcionó, saludos

JairoO Mc dijo...

jeviisiimoo me funciiono graciiiasss

Eduardo Sanguino el 12 de julio de 2010, 7:28 dijo...

Hola JairoO Mc, gracias a ti por tu comentario.

Wolf el 22 de julio de 2010, 11:16 dijo...

Qué tal!! Esta muy bueno. Se ve impecable en Explorer, pero en Firefox no aparece. Hay alguna solución para eso?

Eduardo Sanguino el 23 de julio de 2010, 7:23 dijo...

Hola Wolf, lo he probado este script en este blog, y funciona bien en firefox, I.E., y chrome. Saludos!

KatoGd el 7 de agosto de 2010, 17:55 dijo...

Hola Eduardo De Nuevo! :) Tengo problemas con el script 'http://dl.dropbox.com/u/3373498/PazosBlogger-blogger-page-nav-v2.js.txt'.. Puedes ayudarme?

Eduardo Sanguino el 8 de agosto de 2010, 10:00 dijo...

Hola KatoGd, que problema tienes, ya que pasado por tu blog y la paginación se ve perfecta. Saludos!

KatoGd el 8 de agosto de 2010, 19:44 dijo...

Si claro hay un momento que se ve perfecta pero de un momento a otro desaparece :/

Eduardo Sanguino el 9 de agosto de 2010, 9:13 dijo...

KatoGd, la paginación en blogger es un poco inestable, más aun si tienes muchos Script en tu plantilla. Pero puedes hacer lo siguiente, descarga el Script asiendo click Aquí luego click derecho Guardar como, lo guardas en tu escritorio y luego lo subes a tu cuenta de Dropbox si no tienes cuenta y no sabes utilizar Dropbox lee este Post y una ves tengas la URL del script en tu propio servidor la cambias por la URL que tu me muestras en el comentario de arriba. Saludos!

Julio J Poveda el 5 de septiembre de 2010, 12:36 dijo...

no me funcionó :(

http://facility-war3z.blogspot.com/

Tonio11 el 10 de noviembre de 2010, 12:19 dijo...

Toda la tarde intentandolo de diferentes sitios y guala solo el tuyo me funciono y en 2 minutos !!! sois unos genios... Muchas gracias

Eduardo Sanguino el 11 de noviembre de 2010, 4:43 dijo...

Hola Tonio11, que bueno saber que aquí encontraste la solución, gracias por tu comentario.Un saludo,

Julio's CoRRp! el 8 de enero de 2011, 10:54 dijo...

Hola amigo!.. esta excelente tu blog, te keria preguntar algo:

como pones al final del post ESCRITO POR Eduardo Sanguino??, kisiera poner uno en mi blog, pero no he podido, me podrias ayudar por favor :D
http://facility-war3z.blogspot.com/

Damián Guillemí el 4 de abril de 2011, 5:37 dijo...

Hola Eduardo,
Lo cargué y salió perfecto, ahora me voy a poner a tocarlo un poquitín, le quiero cambiar el color de fuente...
Mi blog es www.zapati2011.blogspot.com, es de zapatillas

Muchas Gracias, Damián

RUDINHO D' ALESSANDRO el 4 de abril de 2011, 12:53 dijo...

LA PAGINACION ESTA PERFECTA PERO
EL PRIMER CODIGO QUE COPIE ME APARECE EN LA PARTE SUPERIOR DE MI BLOG
MI BLOG ES http://rudinhodalessandro.blogspot.com

CHARLIE el 25 de abril de 2011, 23:43 dijo...

Una pregunta,pegue el codigo ya que me sale el blog con paginacion pero en la categorias que le tengo no me sale.Probe con otro codigo java script que solamente se anade en el gaged script,y me sale solamente 5 entradas en pagina de entrada y los category me sale 20...que debo que hacer.....
Mi blog es www.taringa-directory.blogspot.com

Eduardo Sanguino el 26 de abril de 2011, 2:18 dijo...

CHARLIE, me he pasado por tu blog, pero veo que esta a quedado perfecto. Creo que tal como lo tienes esta bien. En la categorías no te sale ya que es un script, pero tienes los enlaces de paginación con eso ya esta bien. Saludos!

CHARLIE el 6 de mayo de 2011, 14:13 dijo...

Gracias Eduardo Sanguino por tu respuesta,estoy satisfecho asi,pero tengo otro pregunta es que tengo una duda con los metatags,lo tengo puesto en la pagina principal pero ahora como hago para ponerlo por todas categorias que le tengo 33.De cual manera pues por ejemplo tengo esta categoria http://taringa-directory.blogspot.com/search/label/WINDOWS%207 buen quiero ponerlo solamente los metatags description y metatags 5 keywords y nada mas.....

Eduardo el 9 de mayo de 2011, 13:41 dijo...

CHARLIE, no sabría decirte como hacerlo, en blogger no he visto que se pueda, pero en Wordpress si. Si es que encuentro algo o tu encuentras me lo comunicas. Un saludo!

Rolando el 14 de mayo de 2011, 16:23 dijo...

hola que tal,tengo un problema,al poner la paginacion,me salen que solo tengo 101 paginas siendo que tengo 125 a que se debe que no se vean las demas?

LiamDJour el 5 de septiembre de 2011, 9:22 dijo...

¿Hay alguna forma de cambiar el color de fondo ROJO que sale cuando te sitúas encima de uno de los números de la paginación? Gracias por adelantado :)

mimun reyes el 29 de marzo de 2013, 7:41 dijo...

hola muy buen aporte!! me podrias ayudar? lo he colocado todo bien,y funciona,pero solo aparecen 7 paginas,y cundo clico en el ultimo osea el 7,no aparecen mas pajinas,tengo otro block pero en ese funciona bien mira este es mi block en el que no funciona : http://themunsession.blogspot.com y en este bloc si funciona : http://themunsessionblogs.blogspot.com me podrias decir como arreglarlo?? muchas gracias !!

Unidos por el Fútbol el 10 de mayo de 2013, 14:36 dijo...

No me funcionó... esta es mi página mi página Unidos por el Fútbol

Quieres Comentar

Todos los comentarios están siendo leídos y moderados.

- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible

¿NO PUEDES COMENTAR?

¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!

NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS

martes, 26 de enero de 2010

 

Ayuda para blog - Pazos Blogger Copyright 2010 | Template por:Brian Gardner | A Blogger por: Bloganol | Modificado y Diseñado por:Eduardo Sanguino