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.
Como numerar las paginas en blogger


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:

<!-- Inicia paginas enumeradas -->

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Anterior';
var downPageWord ='Siguiente';
</script>
<script src='http://scriptses.googlecode.com/files/Paginacion.js' type='text/javascript'/>

<!-- Termina paginas enumeradas-->

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?


Suscribete

melyssa

10 comentarios:

  1. ¡Gracias corazón, siempre ayudandonos!

    Un besito enorme

    ResponderEliminar
  2. Me parece muy interesante!! Gracias
    http://pitufinisima.blogspot.com.es

    ResponderEliminar
  3. Creo que lo que quieres decir es cómo numerar las páginas, no enumerar. ;-) Numerar es asignar un número, enumerar es enunciar sucesivamente una lista de cosas, páginas o lo que sea. No es por ser tiquismiquis, es para que te encuentre bien quien esté buscando solución a cómo numerar las páginas, que es algo muy útil y lo has explicado muy bien.
    Un saludo.

    ResponderEliminar
  4. Muy útil, muchísimas gracias, lo acabo de incorporar a mi blog ^_^

    ResponderEliminar
  5. Yo la verdad es que la verdad no las tengo enumeradas, pero tampoco me lo había planteado. Me ha encantado el tutorial.

    ResponderEliminar
  6. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  7. quedan muy pegado los numeros como los separo?

    ResponderEliminar
  8. A MI TAMPOCO ME FUNCIONA, ALGUNA OTRA SOLUCION?

    ResponderEliminar