Hoy les traigo un método de paginación muy fácil de implementar en nuestro blog, aquí unas imagen de como es la paginación su estilo:




Esta completamente en español, para añadir la paginación a sus blogs solo deben ir y pegar en un elemento HTML/Javascript lo siguiente:



<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/AVvXsEi_8NVw74SySV6OTzKGYynGlHIqGwc6WtJgTWM4C7l_vTL_P9PdeJn-JTkOakGPxr3VGWWm_Ra8ChEFzb46RCOU42nymDIYw0vKJEnLWasgpna8ksyBhdis_vd4nKfmGnact6Nv0fvt_8I/s1600/wp1.jpg) 0 -50px repeat-x}
.showpageNum a:hover{border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8NVw74SySV6OTzKGYynGlHIqGwc6WtJgTWM4C7l_vTL_P9PdeJn-JTkOakGPxr3VGWWm_Ra8ChEFzb46RCOU42nymDIYw0vKJEnLWasgpna8ksyBhdis_vd4nKfmGnact6Nv0fvt_8I/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/AVvXsEi_8NVw74SySV6OTzKGYynGlHIqGwc6WtJgTWM4C7l_vTL_P9PdeJn-JTkOakGPxr3VGWWm_Ra8ChEFzb46RCOU42nymDIYw0vKJEnLWasgpna8ksyBhdis_vd4nKfmGnact6Nv0fvt_8I/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='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script>