Paginación en Blogger

Paginación en Blogger

La paginación consiste en un menú a pie de entradas para navegar por las mismas. Sustituye al clásico menú que ofrece Blogger: aquel de entradas antiguas y recientes, con flechitas a izquierda y derecha con la página principal en el centro, a menudo, con un icono en forma de casita.

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)

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

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

Fecha de la Publicación: 24-11-2018

Fuente:  souldhacko

Publicado por