Como numerar las paginas en blogger

¡Hola blogueras!

Que no se ofendas los blogueros que si hablo en femenino es porque la mayoría somos chicas, pero todos sois bienvenidos.

Hoy os traigo un tutorial para blogger un poco liadillo para numerar las paginas de blogger, pero si sigues este tutorial paso a paso no tendrás problemas y te saldrá todo perfecto.

¡Ojo! Este tutorial es para las plantillas de blogger, no pasa nada porque tu hayas toqueteado y lo hayas puesto bonito, te servirá igualmente.

Pero no te puedo asegurar que si has comprado alguna plantilla o la has bajado de btemplate te salga, ya que algunas personas las modifican pero luego no permiten que los demás hagan modificaciones, como viven de eso, pues lo hacen para que si quieres algo tengas que buscar al mismo autor y pagarle.

Paso a paso para numerar las paginas de blogger:

1. Ve a blogger/ diseño / Entradas del blog y miramos el numero de paginas que tenemos puesto para que salgan en la pagina principal, por ejemplo yo tengo 7, pues bien apuntamos este número y que no se nos olvide.

2. Ahora nos vamos a Plantilla / editar HTML / y buscamos ]]</b:skin> si nos aparece asi genial. Por cierto para buscar pulsamos Ctrl + F y entramos la palabra si no aparece, pues hay que buscarlo muy lentamente.

Si no nos aparece buscamos <b:skin>...</b:skin> y pinchamos en los tres puntitos. Se nos abrirá un texto muy largo en azul, vamos hasta el final del azul y en verde ya nos aparecerá el ]]</b:skin>

3. Justo delante de este ]]</b:skin> pegamos este código tan largo:

/*Estilos CSS para paginas */
.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/AVvXsEiKKeQHtKjpRUqn2IptDyx1vdLyb-deD_eyadfOlEX43FLuR8jPyLJ6iCKwoUg5YoBahWBWr0eTs5IFEVltc88jVXt0XLZgBT0DYMHW6reJ1YzWo5zB_Qlisp5qGt_7y-bHc_P5iej8PII/s1600/wp1.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKKeQHtKjpRUqn2IptDyx1vdLyb-deD_eyadfOlEX43FLuR8jPyLJ6iCKwoUg5YoBahWBWr0eTs5IFEVltc88jVXt0XLZgBT0DYMHW6reJ1YzWo5zB_Qlisp5qGt_7y-bHc_P5iej8PII/s1600/wp1.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 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/AVvXsEiKKeQHtKjpRUqn2IptDyx1vdLyb-deD_eyadfOlEX43FLuR8jPyLJ6iCKwoUg5YoBahWBWr0eTs5IFEVltc88jVXt0XLZgBT0DYMHW6reJ1YzWo5zB_Qlisp5qGt_7y-bHc_P5iej8PII/s1600/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}

/*Fin CSS*/

3. Ahora vamos a buscar </body>, una vez que lo encontramos justo delante pegamos:

4. El código tenemos que modificarlo en:

var postperpage=5; quitamos el cinco y ponemos las paginas que nosotras tenemos puestas en nuestra pagina principal, recuerda que este es el número que tenias que recordar.

var numshowpage=5; si dejamos este numero nos saldrán 5 números para ir pinchando y luego ... y las paginas que tenemos hasta el final. Este tampoco es necesario cambiarlo solo es por si queréis poner más paginas o menos.

Lo guardamos todo y listo ya tenemos las paginas de blogger enumeradas.

¿Que te parece este tutorial para numerar las paginas de blogger?