PAGINACIÓN PARA BLOGGER

PAGINACIÓN PARA 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.

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 páginas 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)

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,  solo basta pegar este código en el gadget, justo a pie de entradas, al final de estas en el diseño:

Si queréis instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:


Ir a Blogger

1-Un clic en “Diseño”

2-Clic en “Añadir un gadget”

3-Busca el widget que dice “HTML-Javascript” y ábrelo

4-Coloca el siguiente codigo en el interior

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

Si queréis verlo en acción podéis ir a mi Bloc de Demos lo veréis al final de la Pagina.

Fecha de la Publicación; 08-01-2019

 Fuente; cambio-cambie

 Publicado por;