Personalizar los enlaces de Entrada mas reciente, Entrada antigua

A muchos no nos gustan los enlaces que Blogger coloca para la navegación de las entradas de nuestro blog. Si no sabes a que me refiero, bueno estas se encuentran al pie de las entradas:


Bueno aunque algunos piensen así (y me incluyo), sabemos que son de mucha utilidad. Ya que con estos enlaces los lectores o usuarios tienen una mayor facilidad para navegar en nuestro blog. Sin embargo sabemos también que los que vienen por defecto no son muy atractivos que digamos. En esta ocasión les mostrare a como poder modificarlos, ya sea con una imagen o un texto.


Para empezar tenemos que ubicar estos enlaces en nuestro editor de HTML para ello entramos a Plantilla > Editar HTML y buscamos lo siguiente:

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

Luego de busar ese codigo, nos tendrá que salir algo como esto:

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

Lo que tenemos que cambiar es el texto que esta de color rojo:  <data:olderPageTitle/>  por cualquier texto que quieras que aparezca o si quieres una imagen lo reemplazas por el siguiente código:

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

Ahora este codigo que hemos buscado y modficado corresponde al enlace de Entradas mas recientes.
Debajo de este cogido encontraremos otro parecido, el cual es el 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>

Este código es el que muestra el enlace de Entradas antiguas. Para este codigo haremos lo mismo que el anterior, reemplazares el texto de color rojo:  <data:olderPageTitle/> 

Por ultimo debajo de este encontraremos otro código mas corto, este muestra el enlace de Página Principal:

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Aqui al igual que en los anteriores codigos, solo reemplazaremos el texto que esta de color rojo:  <data:homeMsg/> por un texto o una imagen personalizada.

Aqui te dejo algunas imagenes que puedes usar para tus enlaces: