Mejorar la navegacion en blogger

Para sustituir los links "entradas antiguas, entradas recientes e inicio" por las imágenes que queramos debemos seguir los siguientes pasos:



1) Vamos a Diseño

2) Edición HTML

3) Marcamos la casilla "expandir artilugios"



ENTRADAS RECIENTES

4) Buscamos la siguiente parte del código: data:newerPageUrl (para buscar más rápido tecleamos Ctrl + F)

5) Una vez localizado nos aparecerá algo así:

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

<span id='blog-pager-newer-link'>

<a  class='blog-pager-newer-link' expr:href='data:newerPageUrl +  &quot;?max-results&quot; ' expr:id='data:widget.instanceId +  &quot;_blog-pager-newer-link&quot;'  expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

Tan sólo debemos cambiar <data:newerPageTitle/> por <img src='URL de la imagen'/>



En <img src='URL de la imagen'/> deberemos cambiarlo por el link de la imagen que queramos. Recomiendo subir tus imágenes en un servidor gratuito como imageshack.



ENTRADAS ANTIGUAS

Un poco más abajo encontraremos lo siguiente:

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

Al igual que en entradas recientes tan sólo debemos cambiar <data:olderPageTitle/> por <img src='URL de la imagen'/>





INICIO

Por último, para sustituir el inicio de página principal deberemos buscar más abajo la siguiente parte de código:

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

Al igual que en entradas recientes y entradas antiguas tan sólo debemos cambiar <data:homeMsg/> por <img src='URL de la imagen'/>