Cambiar el texto de los enlaces de navegación

Son varios los que me han consultado sobre como cambiar los enlaces de navegación que se muestran al pie de nuestras entradas en forma de enlace de texto : "Página principal -> Entradas antiguas -> Entradas más recientes", por otro texto más acorde con sus gustos o necesidades.

[1] Nos situamos en nuestro panel de Blogger, Edición Html y marcamos la casilla para expandir la plantilla de artilugios.
Localizamos esta línea de código para orientarnos:

<b:includable id='nextprev'>

[2] Justo debajo de esa línea estará el código donde hemos de aplicar los cambios:

<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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>

[3] Hemos de sustituir dentro de este código directamente, por el texto que queramos mostrar en cada caso, las etiquetas:

<data:newerPageTitle/> (Entradas más recientes)

<data:olderPageTitle/> (Entradas antiguas)

<data:homeMsg/> (Página principal)


Puedes consultar también como sustituir esos mismos enlaces por una imagen o icono.