Dicas para Blogger 13 - Como tirar as bordas das imagens?

Como tirar as bordas das imagens?

Muita gente já se irritou ao ver que a imagem que ela acabou de postar no blogger veio com uma borda, e para piorar quase todos os tutoriais online de como retirar essas bordas estão ultrapassados. Então aqui vai um passo a passo de como retirar elas sem ter de mexer no HTML do seu blog.

Primeiro acesse sua conta no blogger e vá para "Modelo", agora clique em "Personalizar".

Agora clique em "Avançado" e vá para "Imagens", ali você vai ver duas opções: "Cor do plano de fundo" e "Cor da borda", se você não quiser tirar a borda, mas apenas mudar sua cor, basta escolher uma cor nova nessas duas opções, caso queira retirar a borda por completo sugiro que você escolha a opção "transparente" nas duas caixas.

Depois que você fizer isso vá para "Adcionar CSS", que deve ser a ultima opção, e cole o seguinte código nessa caixa:

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

.BlogList .item-thumbnail img {

  padding: none !important;

  border: none !important;

  background: none !important;

  -moz-box-shadow: 0px 0px 0px transparent !important;

  -webkit-box-shadow: 0px 0px 0px transparent !important;

  box-shadow: 0px 0px 0px transparent !important;

}

Clique em "Aplicar ao Blog"

Dependendo do número de imagens que seu blog já possui pode levar algum tempo até que o código seja aplicado. Agora basta abrir o seu blog e ver se funcionou corretamente.

Agora se você utiliza a nova versão do Blogger, o método é quase o mesmo, primeiro clique em "Tema" e depois em "Personalizar", redefina a cor de seu tema principal, depois clique em "Avançado", "Imagens" e mude a "Cor da Borda". Ainda em "Avançado" clique em "Adicionar CSS" e cole o código, pronto, está resolvido!

E se você curtiu essa dica venha curtir também o nosso facebook em Real World Fatos