Como quitar las sombras y bordes de las imagenes de blogger

¡Hola blogger!
A muchas nos ha pasado que subes una imagen a blogger y cuando te das cuenta tiene un marco. Eso me ha pasado a mi muchas veces y la realidad es que yo nunca le pongo marco a las fotos. Pues bien aquí tenéis un tutorial blogger para quitar esos marcos tan feos.

Como quitar las sombras y bordes de las imagenes de blogger


Eso es porque en las plantillas de blogger lo tienen por defecto pero tranquilidad se puede arreglar, para que esta cosa tan tonta no nos estropee las fotos.

Lo primero que haremos para quitar los bordes y sombras a las imágenes será:

1. Vamos a nuestro blog>plantilla>personalizar>avanzado>imágenes y lo quedáis todo como en la imagen de abajo. Color de fondo y color de borde transparente. Después le damos a guardar plantilla.

Ahora nos vamos a Plantilla>Html pinchamos en el texto que nos sale y buscamos con Control + F lo siguiente post-body img.

Nos saldrá lo siguiente:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);


-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

}



.post-body img, .post-body .tr-caption-container {



padding: $(image.border.large.size);

Simplemente modificamos el texto que os he marcado. Todos los número que os he señalado en rojo los ponéis a 0 tal y como os he puesto.

Pinchamos en vista previa de la plantilla y si todo está bien guardamos.

¿Qué te parece este tutorial para quitar el marco de las imágenes de blogger?

Melyssa Blog belleza y cósmetica

3 comentarios: