miércoles, 1 de junio de 2016

Para que las imágenes en Blogger no se abran o "amplíen" al hacer click

En esta entrada verás cómo evitar que las imágenes se abran en la misma ventana al hacerles clic, pues para algunos resulta molestoso. Véase aquí un ejemplo:

Imagen clickeable

Para evitar esto, tres pasos a seguir:



1- Ir al HTML de la entrada y localizar el código HTML de la imagen.

2- En el código de la imagen, seleccionar la siguiente parte resaltada en gris (desde a href hasta donde dice src sin incluirlo)

<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-IQKjAJf-g7w/V0ugNecC4BI/AAAAAAAABg4/i4ihT3cTc7YwqYO3C-Zmref4S6O41qcwgCKgB/s1600/quickhtmlcp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-mA9MdDEXgYM/V09HPdMPbuI/AAAAAAAABiI/V3dCSo9gwGc6dKyERJ1f6rRKEI3uGxhzgCKgB/s320/Alternopolis.gif" /></a></div>


3- Reemplazar la parte seleccionada por img div="" gt=""


Quedando entonces así:

<div class="separator" style="clear: both; text-align: center;">
<img div= "" gt = "" src="https://3.bp.blogspot.com/-mA9MdDEXgYM/V09HPdMPbuI/AAAAAAAABiI/V3dCSo9gwGc6dKyERJ1f6rRKEI3uGxhzgCKgB/s320/Alternopolis.gif" /></a></div>


Ahora, el ejemplo con la misma imagen:

Imagen no clickeable

1 comentario: