Tutorial | Quitar fondo a imagen de Blogger

En el post anterior como eran varias fotos, se me antojó hacer una especie de "collage", lo hice y lo guardé en formato .png (con transparencias), pero noté que cuando se visualizaban las imágenes se veía el fondo blanco con sombra que Blogger le da por default a las imágenes (por la plantilla base que tengo).

No me gustaba nada cómo se veía, pero tampoco quería quitar el efecto del todo (me gusta con las imágenes en general), sólo quería quitarlo para esta entrada.

Así que me puse a investigar y con mis pocos conocimientos de CSS y a pura prueba y error, encontré cómo hacerlo; no sé si es la mejor manera (yo estoy segura que habrá otra más fácil D:!), pero pues esta fue la que me funcionó.

Intentaré hacer una especie de tutorial, aquí va:

Paso 1:

Añade una imagen (con fondo transparente) a una entrada de Blogger

Paso 2:

Da click en el botón "Vista Previa" (para cerciorarte si la imagen que insertaste aparece con fondo y marco sombreado)

Paso 3:

Haz Click en el botón HTML

Paso 4:

Localiza la ruta de la imagen (puede terminar en .gif, .jpg, .png; depende del formato de imagen que hayas insertado)

Paso 5:

Agrega el siguiente código justo después de donde termina la ruta de la imagen:

style="background-color: transparent; background-image: none; border: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;"

Paso 6: 

Asegúrate que haya quedado así:

Paso 7:

Click en "Vista Previa" (el marco debe haber desaparecido)

Y finalmente, es todo.

Cada vez que insertes una imagen que desees aparezca sin ese fondo que Blogger le aplica por default, aplica estos pasos y ¡listo!

Espero haber sido lo suficientemente explícita, cualquier duda o comentario pueden dejarlo en esta entrada, intentaré responder pronto.

Saludos :D!

Bytes~