Como poner imagenes en vez de «Entradas recientes» y «Entradas antiguas»

En Blogger vienen por defecto los links de  «Entradas recientes» y «Entradas antiguas» para ir buscando entrada por entrada en el blog,el truco que traigo hoy es para cambiar estos links de navegacion por imagenes que le daran al blog un aspecto mas atractivo.

Las imagenes que utilizo en mi blog son las siguientes:

Pasos

Vamos a Diseño,Edicion HTML,Expandir plantillas de artilugio y buscas el siguiente codigo:

<div class='blog-pager' id='blog-pager'>

Debajo de el hallaran un código similar al siguiente:

<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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

Remplazan  <data:newerPageTitle/>  por <img src=’URL de tu imagen‘/>

*Esto es para reemplazar el link Entradas Recientes.

*Para cambiar el link Entradas antiguas  debajo de el código anterior encontraras 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

Remplazan  <data:olderPageTitle/>  por <img src=’URL de tu imagen‘/>

*Para cambiar el link Pagina Principal  debajo de el codigo anterior encontraras lo siguiente:

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

Remplazan  <data:homeMsg/>  por <img src=’URL de tu imagen‘/>.

En  donde dice  <img src=’URL de tu imagen‘/> reempalza URL de tu imagen por el link de tu imagen y listo.