Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Imagen con enlace / Enlace con imagen

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:




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:




4) Por último publica la entrada.

En el segundo caso, podrás incluir una imagen con enlace en cualquier parte de tu blog.

1) Vas a incluir una imagen en un gadget. Para ello, dirígete a Diseño, Elementos de página, Añadir un gadget...





2) Selecciona el elemento "html-javascript".




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.

Seuss.Ryuko dice...

hola! muchas gracias por este tutorial, pero cuando es un GIF, como le hago? gracias :)

Jaime Trujillo Escobedo dice...

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-.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo