Truco para Enlazar o Vincular una Imagen

 

Truco para Enlazar o Vincular una imagen

Ya sea a una entrada en especial de tu Blog en Blogger o a otra página. Lo primero será subir la imagen a un servidor, en lo personal les recomiendo utilizar Dropbox, ya que les permite tenerlos siempre a mano para cuando los necesiten. Solamente deben crearse una cuenta y seguir todos los pasos, tal y como les muestro en esta entrada.

Ahora solamente necesitamos la dirección de la imagen, misma que copiaremos de nuestra Carpeta en Dropbox o del servidor que ustedes hayan elegido.

Código de enlace o vínculo sencillo.

<a href="Dirección del enlace"><img src="Dirección de la Imagen"></a>

Si necesitamos poner la imagen en cierta posición usaremos los siguientes códigos:

Códigos de Posición:

• <left>; Izquierda
• <right>; Derecha
• <center>; Centro

Además le daremos la instrucción con "target="_blank"" para que abra en otra pestaña.

Quedando de la siguiente manera:

<div align="center"><a target="_blank" href="Dirección del enlace"><img src="Dirección de la Imagen" /></a>

Si necesitan que la imagen quede hacia la derecha, solo sustituyan "center" por "right" o si la prefieren hacia la izquierda; cambian "center" por "left".

Ahora, para agregar una imagen al Blog y enlazarla a una entrada dentro del mismo blog o a una página cualquiera, vamos a la parte de Diseño de nuestro blog y buscamos Añadir un gadget

En la lista de opciones, buscamos HTML/JavaScript

En el espacio más grande de la ventana Configurar HTML/JavaScript, pegamos el código ya listo.

Lo Guardan y ya pueden mover el gadget a donde ustedes gusten y eso es todo!.

Espero les sea de utilidad. :)

Tweet

Subscríbete y Recibirás las actualizaciones en tu correo ¡Es Gratis!