martes, 17 de septiembre de 2013

Poner un enlace a una imágen.

Tenemos que obtener la url de la imagen que funcionará como link, para ello la subimos a un alojamiento de imágenes o al propio Blogger.

Una vez obtenida la url de nuestra imagen, la colocamos en este sencillo código, donde dice URL_DE_IMAGEN y en el mismo código, colocamos la página que queremos linkar, es decir, la dirección web que se abrirá al pinchar sobre la imagen, en URL_DE_WEB:


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

Para que el enlace al pinchar en la imagen se abra en página nueva, añadiremos el target="_blank"al final del enlace:


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

Nota: Estos códigos sólo funcionan si los ponemos en la parte de HTML no en redactar 




Esta es la imagen que he subido cuya url se obtiene tocando botón derecho en copiar url de imagen 

https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-acT225LDoEQ%2FUjjaU0rvFTI%2FAAAAAAAABX8%2F6W5UCRFjtb4%2Fs1600%2Ftuitter.JPG&container=blogger&gadget=a&rewriteMime=image%2F*


A continuación lo sustituimos en la formula anterior y también añadimos la dirección donde queremos que se dirija.

<a href="https://twitter.com/stravaganza"target="_blank"><img src="https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-acT225LDoEQ%2FUjjaU0rvFTI%2FAAAAAAAABX8%2F6W5UCRFjtb4%2Fs1600%2Ftuitter.JPG&container=blogger&gadget=a&rewriteMime=image%2F*"></a>

Si no quereis que se habrá en otra pestaña sólo teneis que quitar el "target="_blank"