Quizás te interese incluir un enlace (link) en una imagen para que al hacer clic en ella, tus visitantes puedan entrar en una web o un blog.
Vamos a conocer dos procedimientos. El primero se trata de incluir un enlace en una imagen que previamente hemos subido a blogger y que tenemos en una entrada (¿Cómo subo una imagen a blogger?).
1) Suponiendo que la imagen ha sido subida y aparece en la entrada, haz clic en la pestaña Edición de HTML:
![Haz clic sobre la pestaña "Edición de HTML"](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe6hDtujxbTY-ThAc8FuI8aBt_TmNnBbh_d_Ha1bCu_j4me9V6ZhBTHFj15CpogGh5OIe-hwkBIQqj9o6P5jCWdvGHT_xjFYrODthShipcOpDr3pPRk0Wfx_SECAK4Z65GE5x4tTGhMWE/s1600-r/bloggerd.png)
2) Busca el código de la imagen. Será algo similar a este:
<a href="http://3.bp.blogspot.com/_blABMJBbYJs/SL7rfKgK0hI/AAAAAAAABz4/S5-zitw6J1E/s1600-h/5.jpg"><img id="BLOGGER_PHOTO_ID_5244445936933589522" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://3.bp.blogspot.com/_blABMJBbYJs/SL7rfKgK0hI/AAAAAAAABz4/S5-zitw6J1E/s400/5.jpg" border="0" /></a>
La línea marcada en verde es la dirección de la fotografía.
3) Bórrala por completo e incluye la dirección de la web o el blog que desees enlazar (no encontrarás esta línea en tu código, ya que pertenece a mi imagen, por lo que debes borrar la línea que se encuentre en la misma posición).
Para enlazar una entrada en especial, haz clic en el título de esta y copia la URL que aparece en la barra de direcciones de tu navegador:
![Esta es la dirección de una de las entradas del Balcón](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmdIF4NqZHX1GgrK7i9fRy_quGPPIEKIuE1NRsi_R1dkAXgY7GWPbcdvcXD_Jn0IPwwfhYXEfEguneIDXlwKtdV9JVfni1g7y5SM1YEI1Ncz3Q8tsFr9m7DXKnr3L3I8biSIuhiC8snM/s1600-r/bloggerf.png)
4) Por último publica la entrada.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVgoc4rNzz4jdCI-SoMJVV_Pj8CzqabJEOYtnC1notQmZS3R5kYSSWvP6hH2tyIsFTXoFXL-QD1e5sWNcmC08WBGySpWC8U8h8Xct-Oa1XCBhV5NVuyVmE8Mm9XUHk2RZT7C18ZGyYZ4k/s1600-r/icon_arrow_sm.png)
1) Vas a incluir una imagen en un gadget. Para ello, dirígete a Diseño, Elementos de página, Añadir un gadget...
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8OCgBWGCvzwfW48_o1qtQdpw5GKWCMqUafHwH4Qd8pDgQUfT2Ff214cxggkVghIPWc4TpltXrKFasHj3lo8rFkLvpNGJczDI-7wIsE4zWFLrbQpJJSPwlbENalZkB8hJ6NgMO-DFAAnc/s1600-r/blogger.png)
2) Selecciona el elemento "html-javascript".
![Este es el gadget html-javascript](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbeMtVrm7M6khPcfPpy0ZwhaJkYDe6vfxUQynqrOwr9z1wHudukWg-w0zSEcppYaCpYava97fy3JjBObRuv4unpW6nIH_ywT2XWZGXg_8oJcq42hYDGdfvV6cEmK9WHHGJCfspVeGITek/s1600-r/Dibujo.png)
3) Escribe un título y en el cuerpo pega la línea que incluirá la imagen:
<center><a href="DIRECCION"><img src="IMAGEN" alt="" border="0" /></a></center>
Sustituye lo siguiente:
DIRECCION por la dirección de la web, el blog, o la entrada a enlazar.
IMAGEN por la dirección de tu imagen, botón o logo.
* Para agregar un borde, cambia el valor "0" de la línea border="0" por el valor que desees.
Con esto finalizamos el tutorial. Sigue leyendo, ya que existen nuevos tutoriales, como el de abrir los enlaces o imagenes en una nueva ventana.
- Véase también: Cómo hacer un link
Tutorial e imágenes por Jaime Trujillo Escobedo.
hola! muchas gracias por este tutorial, pero cuando es un GIF, como le hago? gracias :)
Hola Haneda. De la misma forma, el formato de imagen no afecta al enlace -salvo que su tamaño sea demasiado grande, ya que tardará en cargar-.