Poner la paginación para Blogger

Aquí te mostraré cómo agregar la paginación a tu blog, con dos estilos y en un solo paso.

1. Ir a Diseño en "Añadir un gadget", seleccionar 'Html Javascript' y pegar el código que dejo abajo y guárdalo.

Estilo 1

Código:

<style type="text/css">

.showpageArea a {text-decoration:underline;}

.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}

.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {color:#333;text-decoration:none;border: 1px solid #ff001c;background: #ff001c;margin:0 3px;padding:3px;}

.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}

.showpage a {text-decoration:none;border: 1px solid #000;padding:3px;}

.showpage a:hover {text-decoration:none;}

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#000;}

</style>

<script style="text/javascript">var pageCount=5;var displayPageNum=3;var upPageWord="Anteriores";var downPageWord="Siguientes";

</script>

<script style='text/javascript' src='https://sites.google.com/site/laluzdelibelula/scripts/blogger-page-nav-v2.js?attredirects=0&d=1'></script>

Estilo 2 

este es el código

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrSA1ftRq4IIRpQb2ded3AXwxUIubSL0GJ5-yYOAXf5VXt6DZrpDaJAHJGk3PoAC3iVsebPKYpatAFDn1ML-wlWU5D4mqVySNTGe8gsAU7NwIL8ZhH7pq8GGZgyUE6QkfHKO2S0zvU0Y/s1600/wp1.jpg) 0 -50px repeat-x}
.showpageNum a:hover{border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrSA1ftRq4IIRpQb2ded3AXwxUIubSL0GJ5-yYOAXf5VXt6DZrpDaJAHJGk3PoAC3iVsebPKYpatAFDn1ML-wlWU5D4mqVySNTGe8gsAU7NwIL8ZhH7pq8GGZgyUE6QkfHKO2S0zvU0Y/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrSA1ftRq4IIRpQb2ded3AXwxUIubSL0GJ5-yYOAXf5VXt6DZrpDaJAHJGk3PoAC3iVsebPKYpatAFDn1ML-wlWU5D4mqVySNTGe8gsAU7NwIL8ZhH7pq8GGZgyUE6QkfHKO2S0zvU0Y/s1600/wp1.jpg) 0 0 repeat-x;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/laluzdelibelula/scripts/blogger-page-nav-v2.js?attredirects=0&d=1'></script>