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