Sustituir texto de entradas recientes/antiguas... por iconos de navegación

Me pareció un poco más estético que para navegar por los post aparecieran unos iconos en vez de esos horribles textos de "Entradas más recientes", "Página principal" y "Entradas antiguas".

El cambio es simple. Consiste en cambiar esas 3 etiquetas por una imagen (también es posible cambiar solamente el texto).

Para hacer el cambio haremos lo siguiente. Vamos a Personalizar, y luego a Diseño-->Edición de HTML. Damos a Expandir plantilla de artilugios y buscamos el siguiente código (si no igual, parecido):

<b:includable id='nextprev'>
   <div class='blog-pager' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>
         <span id='blog-pager-newer-link'>
            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
         </span>
      </b:if>
      <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>
      <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>
   </div>
   <div class='clear'/>
</b:includable>

Y lo sustituimos por:

<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='URL_ICONO_FLECHA_DERECHA'/>
         </a>
      </b:if>
      <b:if cond='data:olderPageUrl'>
         <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
            <img src='URL_ICONO_FLECHA_DERECHA'/>
         </a>
      </b:if>
      <a class='home-link' expr:href='data:blog.homepageUrl'>
         <img src='URL_ICONO_HOME'/>
      </a>
   </div>
   <div class='clear'/>
</b:includable>

Y aquí sustituiremos:
URL_ICONO_FLECHA_DERECHA por la imagen o animación que deseemos para "Entradas Antiguas".
URL_ICONO_FLECHA_IZQUIERDA por la imagen o animación que deseemos para "Entradas más recientes".
URL_ICONO_HOME por la imagen o animación que deseemos para "Página principal".

Espero que os sirva.


Salu2,
elSant0

ALGUNOS ARTICULOS RELACIONADOS