COMO FIJAR AUTOMÁTICAMENTE EL TAMAÑO DE LAS IMÁGENES DE TU BLOG.

Antes de nada hacemos una copia de seguridad de nuestra plantilla, y entramos en Plantilla => Editar HTML, una vez ahí buscamos:

]]></b:skin>

Y justo encima pegamos este código:

*/ Tamaño de Imágenes Automático

.post-body img {

max-width: 100%;

max-height: auto;

display: block;

margin: auto;

box-shadow: none;

 border: none;

padding: 0px;

 }

Max-width,  Es el elemento clave que debemos tener en cuenta a la hora de configurar el ancho que queremos que tengan nuestras imágenes. Si queremos que nuestras imágenes ocupen todo el ancho del espacio del post lo dejaremos a 100%, o si queremos que se configuren a una medida fija como por ejemplo a 600px, sustituiremos el 100%  por 600px.

Consideraciones a tener en cuenta antes de automatizar el tamaño de nuestras imágenes.

● Cuando establecemos un ancho fijo para todas las imágenes eso significa que afectara tanto a imágenes Horizontales como a Verticales. Por lo que creo que mas recomendable cuando las imágenes de nuestro blog son horizontales ya que visualmente mas bonito.

● También hay que tener en cuenta que si nuestro tamaño fijo es de 600px debemos subir imágenes de un tamaño superior para que se reduzcan al tamaño que hemos fijado. Ya que si subimos imágenes de un tamaño menor que 600px , las imagenes se quedaran con el tamaño original con la que las hemos subido y no se adaptara al tamaño fijado.

● Y por ultimo para que las imágenes tomen la medida automática que previamente hemos fijado debe seleccionar "Tamaño Original".