Código para Imágen con Link para redirecionar

Visitando algunos blogs he observado a muchos que tienen desplazadas las imágenes en la sidebar, por si algunos no lo saben, esta es la parte donde se colocan los gadgets, pués bien, como todos sábeis, esa parte trae un ancho en píxeles para cada plantilla y he observado que algunos ponen imágenes mayores que el ancho del gadget porque utilizan el gadget de imágenes.


Ventajas buenas de ese gadget:

Fácil y rápida colocación.

Desventajas malas:

Si la Imágen es grande produce desplazamiento de la sidebar, osea descuadre total.

Para implantar una Imágen con sus medidas exastas que nos lleve a una dirección URL, tan solo deberéis añadir un gadget html-javascript y colocar en su interior este código:

<a href="URL DE LA PAGINA WEB"><img src="URL DE LA IMAGEN" width="300" height="200" /></a>

De esta forma podéis colocar cualquier imagen que queráis, aunque sea grande, siempre aparecerá con las medidas que coloquéis en el ancho y alto. Eso sí, procuradad no muy grande sobre todo por el peso de ella, porque podría relentizar la carga del blog.

Modificaciones:
 width  ancho de la imagen
 height. alto de la imagen

Estas son las que definen el ancho y alto de una imágen, valen tanto para imágenes, videos y cualquier código que las lleve.

Y solucionado, la imágen queda ahora centrada dentro del gadget.

18-11-2018

Fuente: amorsevillista.com

Publicado por