¡¡ Nuevo Webmasters Deluxe !!

Ahora Webmasters Deluxe ha cambiado de lugar. Puedes encontrarnos en www.webmastersdeluxe.com con más contenido, más funciones y más social.

A+ | a-

domingo, 24 de mayo de 2009

Utilizando una Imagen como Enlace


Seguramente en algún momento has querido utilizar una imagen como enlace a una web o un artículo y no has sabido como hacerlo. Hay una forma muy simple de utilizar una imagen como enlace. 

[1] Lo primero que debes de hacer es subir la imagen que quieres que funcione de enlace a un servidor de imágenes como por ejemplo Picasa. Una vez subida debes de copiar la dirección de la imagen.

[2] Seguidamente tienes que añadir el siguiente código

<a href="URL_DE_WEB"><img src="URL_DE_IMAGEN"></a>

En donde pone URL_DE_WEB (en verde) tienes que poner la dirección de la web que quieres que sirva de enlace al hacer click en la imagen.
En donde pone URL_DE_IMAGEN (en verde) tienes que colocar la dirección de la imagen que copiaste en el paso [1]

Como ejemplo puede servir este:

<a href="http://webmastersdeluxe.blogspot.com">
<img src="http://lh6.ggpht.com/_C565idg-DIM/Shg5qVJ8M8I/AAAAAAAABj4/BAdDQjnpQ7Y/corona%20logo30.png"></a>

que daría este resultado:


[3] Al pulsar sobre la imagen se abre una nueva página en la misma ventana. Si lo que necesitas es que se abra en una ventana diferente solo tienes que añadir el valor target="_blank" al final de la línea del enlace a la URL, como se muestra en este ejemplo;

<a href="http://webmastersdeluxe.blogspot.com" target="_blank"><img src="http://lh6.ggpht.com/_C565idg-DIM/Shg5qVJ8M8I/AAAAAAAABj4/BAdDQjnpQ7Y/corona%20logo30.png"></a>

El efecto final sería este:




Como puedes ver es así de simple. Esperamos que a partir de ahora sepas como utilizar imágenes para enlazar a tus webs y post.

No hay comentarios:

Publicar un comentario

Normas de publicación:
- El comentario debe de tener relación con la entrada
- Los comentarios anónimos están permitidos, pero serán moderados
- Argumenta tus comentarios de forma clara. Aporta información Relevante.
- No utilices unicamente Mayúsculas ni ortografías abreviadas del tipo texto SMS. Escribe correctamente.
- El Spam será borrado automaticamente.
- No hagas comentarios irrelevantes; serán considerados Spam.
- Evita las ideas generales y el lenguaje vulgar.
- Para dejar tu URL comenta con OpenID.
- Backlinks son automaticos.
- Los comentarios pueden tardar un tiempo mínimo en ser publicados.

NOTA: Los comentarios de los usuarios no reflejan las opiniones del editor. No se aceptarán bajo ningún concepto comentarios difamatorios, o faltas de respeto hacia los usuarios de este blog. Libertad de expresión Si, pero con educación.

  ©Diseño: Isi Roca.

Subir