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.

  • Ubicación: gadget java.  
  • Proceso:  
Tan solo basta pegar este código en el gadget, justo a pie de entradas, al final de estas en el diseño:

<style type="text/css">#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}
.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x}
.showpageNum a:hover{border:1px solid #888;background:#ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x}
.showpageOf{margin:0 4px 0 0}
.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x;text-decoration:none}</style>
<script style='text/javascript'>
    var numshowpage=7;
    var postperpage =7;
    var upPageWord="Anterior";
    var downPageWord="Siguiente";
    var home_page="/";
    var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://sites.google.com/site/silviafilologa/home/paginacionblogger.js'></script>

A TENER EN CUENTA:
  • var numshowpage=7: indica el nº de cuadradritos a visualizar detrás y delante de la página activa.
  • var postperpage =7: indica el nº de entradas por página.
  • var upPageWord="Anterior": texto para el botón de las entradas previas.
  • var downPageWord="Siguiente": texto para el botón de las entradas siguientes.

En la nube de: ,