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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJ5DrtXnjEOjDF05WbGX-clVm9dyELwq3xmg8J7Qpz1UFr0XCblYyFSHPn7WGSjlZXvbwZQcok-LRskRgf528f1fg6LY3Pl_FRYqB12uUf8-uhhlBre6xVs3w2v6kxmeb5aqnVXnMVMLw/s1600/quickhtmlcp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-T0vtRPUqRiTB8MF-WKGXOfqzSxsA5ErRuse-5dP2MtIh4A6pWBE4l5o58k9QONPbtDjPioWR_KQ0M431wrxODTz7p8lQuCjJT12xQdGFCVGsFkRroBeihpIUHov4WlBkJ8a6mb9tsO_R/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-T0vtRPUqRiTB8MF-WKGXOfqzSxsA5ErRuse-5dP2MtIh4A6pWBE4l5o58k9QONPbtDjPioWR_KQ0M431wrxODTz7p8lQuCjJT12xQdGFCVGsFkRroBeihpIUHov4WlBkJ8a6mb9tsO_R/s320/Alternopolis.gif" /></a></div>

Ahora, el ejemplo con la misma imagen:

Imagen no clickeable