Iconos de Navegación

S

on la casita y las flechas (izquierda y derecha) que se ven arriba y debajo de las entradas en Es-Tress, conforme se va de unas a otras.

La casita es el "Inicio";la flecha derecha dirige a las entradas más recientes;la flecha izquierda lleva a las etradas más antigüas.

Ya los puse en otro de mis blogs y me gusta cómo funcionan. Pero no expliqué el método. de Hoctro'sAsí que, vamos a subsanarlo:

1º.- Creo que no hace falta descargarse los iconos de navegación: Hoctro's usa el código con iconos azul clarito y reseña otros dos tipos al final del hack: azul marino y naranja: Con clickar con el bótón derecho del ratón sobre esos iconos (la serie naranja, p.e.) y mirar en "propiedades", ya tenemos la URL del gif para poder insertarlo en el código.

2º.- Entrad y expandid la plantilla; y bajad hasta "Navigation": más abajo encontrareis un
<b:includable id='nextprev'> que debéis reemplazar entero y hasta el cierre del includable, por lo siguiente:

<b:includable id='nextprev'>

<div id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>

<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></a>

</b:if>



<b:if cond='data:olderPageUrl'>

<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>

<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>

</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>

<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>

</div>

<div class='clear'/>

</b:includable>


Y ya está.

Si queréis, además, ver los iconos de navegación en la cima de la sección de entradas, sólo tenéis que encontrar un <b:includable id='main' var='top'>

<div id='blog-posts'> (está poco más arriba de "NAvigation") y añadirle debajo las siguientes líneas:

<b:include name='nextprev'/>


Hala: Ya tenéis vuestros iconos.