Paginación en Blogger » Widget

Hace unos días añadíamos el sistema de etiquetas relacionadas con miniaturas de imagen, más conocidas por Thumbnails.

El autor de ese widget y de este que hoy veremos es Aneesh de Blogger Widgets, en su entrada nos proporciona el widget con esta imagen y podemos añadirlo con un simple click. El widget se adapta a los colores del blog, es decir adquiere los colores que tengamos determinados respecto a los enlaces.

También ofrece las explicaciones para añadirlo manualmente y de esta forma poder acceder a los estilos, en este caso haremos lo siguiente.
Nos situamos justo antes de ]]></b:skin> y añadimos los estilos:

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

}

No te olvides que, cuando marcamos

para expandir la plantilla

los errores

nos juegan
malas pasadas

¿tienes ya una copia?

Seguidamente buscamos </ Body> y justo antes añadiremos:

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

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

</b:if>

<!--Page Navigation Ends-->

var pageCount=5; Determina la cantidad de post a mostrar.
var displayPageNum=5; Aquí determina la cantidad de números adicionales que se mostrarán

var upPageWord ='Previous'; El texto Previus (Anterior)
var downPageWord ='Next'; El texto Next sería (Siguiente)

Una vez realizados estos cambios nos encontraremos con un problema, Blogger muestra 20 post por página y tenemos que reducir esta cantidad para que la paginación sea variable.Para solucionarlo nos situamos en plantilla Ediciónde HTML y marcamos para expandir la plantilla.

Buscamos <a expr:href='data:label.url' rel='tag'> y lo sustituimos por

<a expr:href='data:label.url + &quot;?&amp;max-results=5&quot;' rel='tag'>

en max-results= 5 será el número de post en cada página.

Si fuera el caso que estamos usando el widget de nube de etiquetas de phydeaux3, también debemos buscar: a.href = '/search/label/'+encodeURIComponent(t);
y sustituirlo por:

a.href = '/search/label/'+encodeURIComponent(t)+'?&max-results=5';