Poner Páginas en Blogger de una manera sencilla.

Podemos poner la páginas en blogger de manera sencilla y rápida, ¿Cómo lo podemos hacer? si tu blogger aún no tiene la barra de paginas y quieres hacerla en este post te diremos cómo la hicimos nosotros de manera sencilla y rápida. 

Poner Páginas en blogger rápido y fácil. 

Este método consta de agregar el codigo CSS necesario en la plantilla y agregar un gadget HTML/Javascript únicamente. 

Agregar código en la plantilla. 

Diseño > Edición HTML > ahora buscamos lo siguiente ]]></b:skin> lo podemos usar presionando ctrl + f en nuestro navegador. 

Pegamos lo siguiente justo antes de la etiqueta encontrada. 

.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;
}

Ahora ve a Diseño > Añadir gadget > elije HTML/Javascript 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:#d10000;}.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>

Bueno aquí lo que tenemos que destacar principalmente es lo que remarcamos mas fuerte: 

var pageCount=5;   es el código para que muestre 5 entradas por cada página cambialo por el número que quieras. 

var displayPageNum=5; es el código para el número de páginas que habrá en la lista.