Colocar una Imágen en Entadas Antiguas, Recientes y Home

by Francisco | 0 comentarios

Una forma de facilitar la navegación de nuestro blog es sustituir el nombre de Entradas Antiguas, Entradas Recientes y Home por un imágen agradable. Modificando unos pocos códigos podemos lograrlo.

[1] En Blogger nos dirigimos a Diseño | Edición de HTML y con los artilugios expandidos localizamos los siguientes códigos.

Entradas Recientes

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + "?max-results" ' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

Entradas Antiguas

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

Página Principal (Home)

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

[2] Debemos sustituir lo marcado en color rojo por el siguiente código:

<img src='URL de la imagen'/>

Y donde dice URL de la Imágen debemos colocar la URL correspondiente a cada una!

Acá les dejos algunas imágenes que tomé de Iconfinder, les recomiendo que ingresen y busquen porque tiene muchísimas imágenes.