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:
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.
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>
.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.
Me alegra que te haya sido útil Ignacio, saludos!
ResponderBorrarHola, eso se modifica deacuerdo el numero de paginas que tengas en tu blog, saludos!
ResponderBorrartengo 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
ResponderBorrarQue bien, muchas gracias por tu ayuda, de lujo para mi nuevo blog! te dejo la dirección por si te apetece verlo! Un saludo!
ResponderBorrarwww.energiaplastica.com
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?
ResponderBorraramigo el mios una plantilla descargada y no me junca favor si podrias ayudarme
ResponderBorrargracias master este me sirvio..un saludo
ResponderBorrarMuchas gracias! Había intentado introducir una barra de paginación de distintas maneras y al final esta es la que realmente me ha servido :)
ResponderBorrarDe nada!, estamos a sus ordenes, Saludos!
BorrarHola Manolo, lo primero felicitarte por tu blog... ayuda a muchos de nosotros a mejorar día a día los nuestros.
ResponderBorrarEl 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
Genial, gracias me sirivió, probé en muchos lados.
ResponderBorrarDe nada, estamos a su servicio! Saludos!
BorrarJusto lo que necesitaba. Muchas gracias.
ResponderBorrarMe alegra que te haya sido útil Diego, saludos!
BorrarMuy 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
ResponderBorrarA mi no me srivio u.u e ise todo bien quien sabe que paso
ResponderBorrarGracias 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
ResponderBorrargenial! me sirvió mucho pero quiero quitar la leyenda que dice "pagina 1 de 142" se puede hacer eso? muchas gracias!
ResponderBorrarimpresionante muchas horas de busqueda en la red. excelente trabajo¡¡¡
ResponderBorrar¡Por fin una paginación que funciona de verdad! ¡Gracias! ¡Mil gracias y Feliz Navidad y Año Nuevo!
ResponderBorrarMe alegra haberte ayudado Gabriella. Un saludo!.
Borrardios al fin!!!, gracias lo había intentado de muchas formas y la tuya fue la única que me funciono, gracias!!!!
ResponderBorrarGracias,..por tu aporte. exitos
ResponderBorrarhola,a mi no me funciona te dejo mi direccion Http://luismaeldesastre.com
ResponderBorrarGracias 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
ResponderBorrarGracias por el codigo ha sido de gran ayuda, quisiera saber si los botones se pueden editar.
ResponderBorrarAmigo saludos, una pregunta ¿Que hago para que el widget sea responsive?
ResponderBorrarAlguien dele un puto oscar
ResponderBorrarMuchas gracias. Me sirvió, había probado muchos y ninguno andubo. Muchas gracias.!
ResponderBorrarMe 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.
ResponderBorrarRealmente me sirvio Muchas Gracias!!
ResponderBorrarayudaaaa como hago que funcione en la version movil de mi blog?
ResponderBorrarCuantas entradas debe haber para poder pasar a la pagina 2?
ResponderBorrarno sirve , actualicen el codigo :/
ResponderBorrarThanks and I have a swell give: How Many Houses Has Hometown Renovated home renovation quotation
ResponderBorrar