Agregar numeracion a las paginas de tu Blog y Website

Esta imagen es el footer de www.aeromanvirtual.tk. El pasado 1 de Octubre de 2009 en una entrada titulada " Agregar numeracion a las paginas de tu Blog " les deje una forma rapida y eficiente de agregar numeracion a las paginas de blogger. Lamentablemente en algunas estructuras recientes sobre todo en blog convertidos de Wordpress a Blogger esta función no la reconoce.

Hace algunos meses tuve la oportunidad de asesorar a un amigo muy cercano en la elaboración de una pagina web, muy sencilla. El cliente requeria de esta función y con la estructura basica expuesta en la entrada anterior, la pagina dejaba de ser funcional en la pagina 3 o 4.

Investigando encontramos un tutorial muy bueno en quierocrearunblog.com y a continuación comparto el truco.

1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la casilla "Expandir artilugios"
4) Buscamos en la plantilla el siguiente texto:
]]></b:skin>


5) Antes de ]]></b:skin> pegamos el siguiente codigo:

<!-- Paginación -->

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

}

<!-- Fin Paginación -->


6)Ahora buscamos </body> y antes de esta etiqueta agregamos esto:
<!-- Paginación -->

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Anterior';

var downPageWord ='Siguiente';

</script>

<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>

</b:if>

<!-- Fin Paginación -->




Observaciones:
var displayPageNum=5; -> Indica el número de entradas que serán mostradas por página. Modificar al gusto de cada uno.

7) Por último deberemos editar el número de páginas que mostrará por categorías o etiquetas (labels). Para ello buscaremos en la plantilla 'data:label.url' y lo sustituiremos por 'data:label.url + "?&max-results=5"' tantas veces como lo encontremos. El 5 será también el número de entradas mostradas por página.

Pages