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.
Tengan en cuenta que las búsquedas se deben realizar en inglés:
- Arrow Left
- Arrow Rigth
- Home Page
Si has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro.
0 comentarios:
Publicar un comentario
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.