Como Retirar personalizar bordas das imagens no blogger

Sabemos  que o blogger ,tem templates originais que possuem um tipo de borda nas imagens postadas no blog,é fato que muito gostam do estilo,mas tem blogueiros que não fica satisfeito pelo mesmo,então resolvir ir fundo neste assunto e postar essa dica para que você possa personalizar  as bordas do seu template.

Vamos lá

Primeiro faça Backup do seu template,antes de começar.
Vá para Modelo> Editar HTML> use as teclas do teclado ctrl F e procure pela linha .post img {


Apague-o o trecho acima e o valores que estão dentro do trecho, ex:

.post img {<br /> padding:2px;<br /> border:1px solid #ccc;<br /> <br /> }
Agora copie este código e substitua pelo encontrado:

.post img {<br /> padding:6px;<br /> background:#ececec;<br /> border-right:2px solid #ccc;<br /> border-bottom:2px solid #ccc;<br /> border-top:1px solid #dfdfdf;<br /> border-left:1px solid #dfdfdf;<br /> }  
Padding: É basicamente o tamanho do background da borda.
Border-right : Borda da direita.
Border-buttom: Borda de baixo.
Border-top : Borda de cima.
Border-left: Bordar da esquerda.
Caso você queira buscar um resultado diferente, tente modificar os valores dados acima.
Mais Dicas e Ajuda para Blogueiros 
.Veja Algumas dicas de tabelas CSS 
.Código das cores