Cambiar Entradas Antiguas y Entradas más recientes por imágenes

Como habrás visto, Blogger añade en la parte inferior del blog unos links para navegar por las diferentes páginas de entradas, para poder ver entradas más antiguas o más nuevas (Entradas antiguas - Entradas más recientes). Al igual que en cada entrada pone los mismos links para avanzar o retroceder a una entrada más reciente o más antigua.

El truco de hoy consistirá en personalizar estos enlaces y cambiarlos por una imagen que actue de botón, para dar un aspecto más personalizado al blog.

Tutorial

Para cambiar los enlaces por imágenes tendremos que realizar los siguientes pasos:

1. Ir a Escritorio Blogger.
2. En el menú seleccionamos Plantilla.
3. Hacemos clic en Editar HTML.

Para modificar el botón Entradas más recientes

• En el código buscamos:

<data:newerPageTitle/>

• Lo sustituimos por:

<img src='URL imagen entradas más recientes'/>

Para modificar el botón Entradas antiguas

• En el código buscamos:

<data:olderPageTitle/>

• Lo sustituimos por:

<img src='URL imagen entradas antiguas'/>

Para modificar el botón Página Principal

• En el código buscamos:

<data:homeMsg/>

• Lo sustituimos por: Observe que hay dos <data:homeMsg/> solo es necesario cambiar el primero el segundo dejarlo tal como esta.

<img src='URL imagen página principal'/>

Personalización de botones

Tan solo tenemos que cambiar el texto subrayado en amarillo por la URL de la imagen que queramos poner.

A continuación pongo algunas imágenes que he creado que podéis utilizar para vuestro blog.

Acá les muestro un blog como ejemplo:

COMIDA AREQUIPEÑA