¿Cómo ajustar todas las imágenes de un blog al mismo tamaño en Blogger?

sábado, 13 de julio de 2013

Lo primero de todo es, como siempre que se va a modificar algo, realizar una copia de seguridad de la plantilla siguiendo los pasos de este enlace.
Este TIP es una forma rápida de hacerlo y de que funcione. No obstante, en un post aparte, veremos como hacerlo más correctamente y cambiar más propiedades de las imágenes.
Ahora vamos a "Editar HTML" para modificar la plantilla.

Este ejemplo es concretamente para ajustar el ancho de todas las imágenes de los post a 500px. Para asegurarnos de que la imagen no se distorsiona debido a una posible declaración anterior de la etiqueta, añadimos que, por si acaso, vuelva a calcular el alto en función del ancho que le acabamos de especificar.

Al añadir "!important" estamos indicando que sobreescriba cualquier declaración anterior y es por esto por lo que este código ha al final de todos los estilos.

A continuación, vamos a la ventana de modificar plantilla en HTML (mas detalles aquí).
Justo delante de "]]></b:skin>" introducimos el siguiente código:
.post-body img {
width: 500px!important;
height: auto!important;
}

Para ajustar las imágenes a otro tamaño sólo has de cambiar "500" por el tamaño que desees.

No hay comentarios:

Publicar un comentario