Seis Estilos de Paginación para Blogger con CSS

Navegando en el blog de Abu-farhan encuentro seis estilos de barra de navegación para blogger, estos 6 estilos los podemos disfrutar a gracias a Choen.

A sí que si estabas pensando poner una barra de paginación en tu blog pero el color de la paginación no se ajustaba a tu gusto, puedes escoger entre estos 6 estilos  de paginación que bienen en distintoscolores, escoge el que más te guste. El color de los estilos es el mismo que pueden ver en la imagen de arriba.

Primero ve a Diseño > Añadir un gadget > elije HTML/Javascript, copia y pega el siguiente 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 #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='http://dl.dropbox.com/u/3373498/PazosBlogger-blogger-page-nav-v2.js.txt'></script>

Has click en guardar y situa el Elemento debajo de todas las entradas.

Ahora tienes que copiar el código CSS para darle estilo, y lo ponen en su plantilla antes de ]]></b:skin> . Se los dejo enumerados del 1 al 6 en orden como están en la imagen de arriba:

1. Estilo 1
2. Estilo 2 
3. Estilo 3 
4. Estilo 4 
5. Estilo 5 
6. Estilo 6

Como pueden ver son seis estilos muy bonitos que pueden añadirlos en sus blogs.
Vía | Abu-farhan Imprimir artículo