¿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

 

Los más leídos

Etiquetas

Basico (5) Blogger (9) Blogs (1) FAQ (9) General (1) Gmail (1) Google (2) HowToS (8) Intermedio (2) Opinion (3) TIP (7) Tutorial (5)