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.
