jueves, 25 de febrero de 2010

Cómo poner un enlace a una imagen


Imagen con enlace



Poner un enlace en una imagen, es algo muy sencillo, y podrás conseguir en dos o tres minutos.




Lo que necesitas




La URL de la imagen a la que te interesa añadir un enlace, puede ser en formato PNG, JPEG ó GIF, para ello tienes que subirla a Blogger por ejemplo, desde una entrada del blog u otro blog.



Ejemplo:



http://3.bp.blogspot.com/_yCA1gGtzYzo/S2UQh0qgufI/AAAAAAAAB_

A/LqYIpZ0MaUw/s1600-h/conservar+gatgets.png



La dirección de la página web (URL) a la que quiero que me envíe cuando se haga click sobre la imagen.





Ejemplos



http://compartidisimo.blogspot.com/ 





http://compartidisimo.blogspot.com/2010/02/primer-sorteo-de-plantilla.html



*El enlace de una entrada de tu blog lo consigues copiando la dirección que aparece en la barra de direcciones de tu navegador  al estar "dentro" de el post que te interesa enlazar.



Y por supuesto, el código HTML.




Cómo hacerlo



Paso 1: Copia el código siguiente y pégalo en un sitio donde puedas trabajar con el, por ejemplo en  una nota de tu computadora.




<a href="URL_de_la_pagina_o _de_la _entrada"   target="_blank"><img alt="texto alternativo" src="URL_de_ la_imagen" title="texto que aparece al poner el puntero sobre la imagen"/></a>



Paso 2: Sustituye lo que esta marcado de azul, ojo: ten mucho cuidado de no borrar las comillas que estan al principio y al final de cada enlace o texto.



Notas:





El texto alternativo, es el texto que aparece en sustitución de la imagen cuando esta no puede ser mostrada por alguna razón por el navegador.



Si no quieres que se muestre ningún texto al poner el puntero sobre la imagen, elimina la parte que dice: title="texto que aparece al poner el puntero" y listo.



Paso 3: Ya que sustituiste los datos, ya puede usar la imagen donde quieras.



Listo, hemos terminado, ya puedes crear tu imagen y añadirle un enlace.



Sabías que...



Blogger cuenta con una opción que te permite añadir una imagen y también puedes agregar a esta un enlace si así lo quieres, para ello solo tienes que ir a:



Diseño Añadir un gadget, y seleccionar la opción de "Imagen" y subirla.



El problema ocurre cuando quieres usar un gif animado, y en ese caso, es mejor hacerlo poniendo nosotros mismos el código.




Actualizado tomando en cuenta la nueva Interfaz. 05-27-2012.

No hay comentarios:

Publicar un comentario