Páginas

6/11/12

Numerar páginas en blogger.

Para aplicar la numeración de páginas en nuestro blog vamos a utilizar dos códigos, estos los añadiremos a la plantilla de nuestro blog desde la opción que encontraremos en plantilla llamada edición de HTML.



Antes de comenzar a modificar la plantilla lo primero que tendremos que hacer es una copia de seguridad de esta, para ello iremos a plantilla y a la derecha arriba veremos un recuadro con la opción crear copia de seguridad/restablecer, seleccionaremos descargar plantilla completa, descargaremos un archivo similar a este, el cual os recomiendo guardar en un lugar seguro para no eliminarlo hasta que veamos que la plantilla quedo bien.


Si al modificar la plantilla de nuestro blog algo sale mal podremos volver a restablecer esta desde la segunda opción, veremos que poner sube una plantilla desde un archivo de tu equipo, haremos clic en seleccionar archivo y clic en subir.


En este paso iremos a edición de HTML, haremos clic sobre el, en la ventana que aparece haremos clic en continuar, para hacer más rápida la búsqueda presionaremos en el teclado Control+F.



Veremos una barra de búsqueda adicional en la cual pegaremos lo siguiente:

]]></b:skin>

Ahora una vez que aparezca en la plantilla este código en color naranja, pegaremos el siguiente justo encima.

/* Page Navigation styles */

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

  }



.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }



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

  text-decoration: none;

  }


Ahora buscaremos el siguiente código de la misma forma que antes.

<body>

De nuevo pegaremos el siguiente código justo encima.


<!--Page Navigation Starts-->

<script type='text/javascript'>

var home_page="/";

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://kangismet.googlecode.com/files/kangismet-pagenav.js' type='text/javascript'/>

<!--Page Navigation Ends -->


Podremos mirar los cambios antes de guardar desde la opción vista previa, si ha salido bien haremos clic en guardar plantilla.

En este código podéis modificar el número de post de páginas postperpage.

También podréis modificar la cantidad de páginas mostradas por página desde numshowpage.

Este es el blog donde encontré el tutorial os lo comparto.

No hay comentarios :

Publicar un comentario