Como tirar a borda das imagens

Olá gente, hoje eu estava fazendo umas modificações em um modelo, eu achava que estava perfeito até que vi que as imagens ficavam com bordas enormes e feias por causa do modelo do blogger, então vasculhei vasculhei e achei a fórmula super fácil e rápida de tirar essas bordas horrorosas. Muito obrigada à Dicas e Curiosidades pelo super tutorial, e você, quer aprender?

Como eu já disse é muito fácil, primeiramente vá em Painel -> Clica em Design -> aba Editar HTML

dê um CTRL+F e procure por:

background: $(image.background.color)

Vai aparecer um código assim:

background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Para tirar a borda, mudei os últimos (1) para (0) e na segunda linha o (border: 1px) para (border: 0px)

Então ficou assim:

background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);

Pronto, simplismente fácil de mais né?! e o resultado fica perfeito em todas as imagens, eu mesma testei e gostei do que vi, e você, gostou? então comente (╯3╰)