Como fazer para tirar Borda/Margem das imagens no Blogger

Imagem antes
Imagem depois
Até agora, todas as imagens que colocava nos posts apresentavam uma margem lateral como uma borda. É como se a imagem ficasse aprisionada dentro de um quadrado ou retângulo.
Pesquisei pela Internet uma forma de eliminar essa borda das imagens e encontrei a resposta no Fórum de Ajuda do Blogger.
Como eu já disse, não sou expert HTML. Sou tão somente um novato que vai fazendo na base da tentativa. Errando e acertando.
Nesse caso eu acertei. Fiz direitinho como exposto abaixo e está funcionando perfeitamente. Sumiram todas as bordas, de todos os posts. Ficou uma beleza. 

Como Fazer:

1- Vá em Painel -> Clica em Design -> aba Editar HTML
2- Dá um CTRL+F e digita:
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);
Tá pronto, simples assim. Mais se vai fazer mudança no HTML e quer ficar mais seguro, pode fazer antes um backup para desfazer qualquer coisa que não dê certo. Aqui mesmo você pode saber como fazer isso  Como fazer o backup do seu Blog.
Postar um comentário

ARTIGOS RELACIONADOS

2leep.com