Como podemos poner paginación en Blooger

Hoy vamos a mostrar como de una forma muy sencilla utilizando simplemente un gadget,podemos poner una paginación

es nuestro blog.


Para ello simplemente nos tenemos que ir a:
Diseño > Añadir un gadget.
Añadimos esté código y lo gustamos.

 

<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>

 

Para que funcione correctamente, lo menor es que pongamos este gadget debajo de nuestras entradas.
Ahora vamos a realizar algunos cambios para adaptarlo a nuestro blog.
Por ejemplo en la sección:
    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 podemos modificar toda la clase de las botoneras.


.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.
Para que sea efectivo este gadget hay que moverlo a la parte posterior de nuestras entradas para que empiece a funcionar.