Como poner un enlace en una Foto

Una vez hemos subido una foto, nos aparece un codigo como este:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzE6mmOBjByIB-HpYZSWhDQpySWzj5eaH6g_UYAo0mzNYmw78eP3_KVA_00zztz8gk-lVlR5nA4FypNYWdXJXitwxGv4Vb_yht1pJ5zaRYr35DN2rgnJeT2N-HNFvV5knfzHPF/s1600-h/P1010054.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzE6mmOBjByIB-HpYZSWhDQpySWzj5eaH6g_UYAo0mzNYmw78eP3_KVA_00zztz8gk-lVlR5nA4FypNYWdXJXitwxGv4Vb_yht1pJ5zaRYr35DN2rgnJeT2N-HNFvV5knfzHPF/s400/P1010054.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5094888649703723010" /></a>

Nos fijaremos en href que es el que hace referencia al link del enlace web, si os fijais los datos que siguen son parecidos a src que es donde se encuentra la imagen dentro de nuestro servidor Blogger.

Si queremos que el "cliquear" la imagen habra una pagina. cambiaremos la parte del enlace href=" ...... " hasta .JPG" por en link de la pagina web que queramos asociar , y quedará como a continuacion:

<a
href="http://www.salvador-dali.org"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzE6mmOBjByIB-HpYZSWhDQpySWzj5eaH6g_UYAo0mzNYmw78eP3_KVA_00zztz8gk-lVlR5nA4FypNYWdXJXitwxGv4Vb_yht1pJ5zaRYr35DN2rgnJeT2N-HNFvV5knfzHPF/s400/P1010054.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5094888649703723010" /></a>

Con esto, cada vez que cliqueamos la imagen nos habrirá una web no la imagen.

Dedicado a Josemari