Lo Último

Paginación en Blogger




La paginación es una utilidad que permite a tus visitantes buscar ua entrada antigua con mucha más facilidad, en Blogger In te enseñamos cómo añadir la paginación en tu blog.

Lo que queremos en nuestro blog es hacerle la vida más fácil a nuestros visitantes, por tanto añadir paginación a las páginas principales de nuestro blog va a permitir a los visitantes navegar por nuestro espacio con mucha más facilidad.

Añadir éste elemento en nuestro blog es mucho más fácil de lo que podemos pensar, simplemente basta con añadir un gadget HTML Javascript y colocarlo bajo las entradas del blog.

Para añadirlo, procede de la siguiente forma:

Ve a tu "Escritorio Blogger"
Pulsar en tu "Blog"
Pulsar en "Diseño"
Pulsa en "Añadir un gadget"
Pulsa en "HTML Javascript"

A continuación pega el siguiente código en la caja de texto del gadget:

/----------------------------------------------------------------------------------------------------------\
<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 =4;
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>
\----------------------------------------------------------------------------------------------------------/

Puedes cambiar los colores que están en rojo por los que sean de tu agrado o casen con tu blog, también puedes cambiar en la parte inferior del código los valores en rojo que serían el número de paginas que quieras que se componga la paginación, el número de entradas que quieras que se vea por cada página (éstas han de coincidir con las que tienes en el gadget entradas en diseño), las palabras para avanzar o retroceder a tu gusto, y para finalizar pulsa en "Aceptar", arrastra el gadget a la zona que está debajo de las entradas, y pulsa en "Guardar disposición"

Y ya puedes ir a tu blog a comprobar que la paginación funciona correctamente y queda a tu gusto. Como siempre la recomendación de probar el gadget en tu blog de pruebas antes de ponerlo en tu blog principal, para no estar cambiando los colores contínuamente e insertarlo sólo cuando esté perfectamente diseñado.



Como véis es más facil añadir la paginación de lo que cualquiera podría pensar verdad?. Feliz fin de semana amigos!!.