Centrar una imagen en una columna


Cómo centrar una imagen en las columnas de Blogger, es algo muy sencillo; primero te recomiendo que conozcas como obtener el código HTML de una imagen en Blogger con este Tema.

Es algo muy fácil, y el problema la mayoría de veces radica en que tomamos la imagen centrada de una entrada, y la pasamos tal cual, a una columna usando el gadget habitual de HTML / Javascript, pero, la imagen de la entrada trae unos códigos que hace que no quede centrada, y son los que debemos quitar; así de fácil. 

Ejemplo de una imagen centrada en una entrada:

<div class="separator" style="clear: both; text-align: center;">
<a href="URL que redirecciona o de la imagen" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" r6="true" src="URL de la imagen" /></a></div>

Quiten de sus códigos lo que está en color rojo y listo; su imagen se verá centrada en las columnas.

Si a nuestra imagen en la entrada le definimos un tamaño, saldrá el width="***" y el height="***" en alguna parte del código; pero esto no afecta para nada que la imagen quede centrada; a menos claro está, que la imagen sea más ancha que la columna.

Las imágenes en formato flash casi siempre no se pueden centrar y toca darles un tamaño similar al de la columna para que parezcan centradas.

Otra opción que se usaba antes, y que tal vez en algún caso les pueda servir, sería reemplazar las etiquetas <div *****> </div> por las de <center> </center> Ésta opción es muy fácil y casi siempre funciona.

Espero que esta información les sea muy útil.

Gracias.

Cómo se centra una imagen en una columna de blogger, tutorial centrar imagen en columna de blogger,