lunes, 10 de junio de 2013

Reemplaza Enlaces Navegacion Con Imagen En Tu Blog

By andante77 10:04 a.m. boton, botones, diseno, enlaces, HTML, imagenes, navegacion Leave a Comment

En este tutorial te mostrare el truco de reemplazar los enlaces de navegacion de pagina principal,entradas recientes y entradas antiguas por un imagen de boton,puedes navegar la web por iconos de diferentes tipos que pueden ser usados para enlaces de pagina principal,entradas recientes y entradas antiguas o pudes crear un icono que mejor se ajuste a tu blog,

Este icono de navegacion aparecera en la parte de abajo de cada entrada, que permitira a los lectores a navegar por tu blog. Por defecto los enlaces estan representados por texto,pero hoy es historia por que aprenderas como reemplazar estos enlaces con imagenes de botones,que hara tu blog lucir mas profesional.

Como Reemplazar los enlaces de navegacion con una imagen de boton

Entra a la cuenta de blogger
Da Clic en"Diseno" > "Editar HTML" >Haga una copia de la plantilla.
Use ctrl F para encontrar la siguiente etiqueta <data:newerPageTitle/> y reemplace esta con el codigo de abajo.

Ahora busca <data:olderPageTitle/>y reemplazala con el codigo de abajo.

Ahora buscar <data:homeMsg/> y reemplazala con el codigo de abajo.

Reemplace la porcion ensombrecida con la direccion de imagen del boton o dejela como esta, si desea la imagen del boton de abajo, y da clic a "GUARDAR PLANTILLA".

Estos son los botones que reemplazaras por los enlaces: