sábado, 7 de diciembre de 2013

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ásnuevas(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 unaimagenque 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:
<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 imagenque queramos poner.

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

Flecha izquierdaBotón HomeFlecha derecha

Flecha izquierdaBotón HomeFlecha derecha

Flecha izquierdaBotón HomeFlecha derecha


Sobre Estibel cruz
Estibel es un joven de 14años de republica dominicana, desde la adolescencia le encanto el mundo de Blogger Me gusta compartiles contenido,juegos,actualidad,etc Twitter | Facebook | Google Plus

0 comentarios:

Publicar un comentario