18 março 2016

Como tirar a sombra das imagens do seu post

4

Você já reparou que em alguns blogs as imagens do post tem uma sombra, que parece com uma borda branca? Pois bem, alguns deles foram programados para ser assim, mas se você faz parte do meu time que prefere sem sombra nenhuma vou te ensinar a tirar de um jeito muito fácil!

Como tirar a sombra das imagens do seu post


Você vai aplicar um código CSS uma única vez e ele vai tratar de não deixar mais que se crie esta sombra ou borda em volta das imagens. Para entender, abaixo uma foto daqui do meu blog antes de aplicar o código, note que tem uma borda em torno dela.
  1. Acesse o painel do blogger e selecione o blog que deseja editar.
  2. No menu lateral esquerdo clique em "Modelo"
  3. Clique em "Personalizar" 
  4. Clique em "Avançado"
  5. Role a barra de rolagem e encontre a opção "Adicionar CSS"
  6. Dentro da caixinha branca você deve colar o código CSS abaixo:

.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;
}


E clicar em "Aplicar no blog", pronto! Se não houver nenhum problema no template as imagens deixarão de mostrar esta borda branca.



Pin It

Eli Martins

Publicitária que gerencia projetos de TI, mãe de gatos, produtora de conteúdo do Encantada e apaixonada por decoração, arquitetura e design, inquieta e adepta de projetos DIY.

4 comentários:

  1. Eli, vc conseguiria fazer isso em video para explicar? pergunto porque de imediato não consegui identificar que borda branca é essa? Eu, por exemplo, recorto esta parte fora dando um command+ shift + 4 (pois tenho Mac). Queria entender a diferença disso melhor.
    Beijos

    ResponderExcluir
    Respostas
    1. Ju, faço sim, me dá uns dias porque essa semana não consigo.
      Geralmente vejo isso acontecer em blogs que usam o blogger, é típico dos layouts deles.
      Bjs

      Excluir
  2. Obrigadaaaaa! Salvou minha vida! Rodei a internet procurando algum tutorial que explicasse isso e nenhum dava certo. Até mesmo porque eles são mais antigos e não funcionam nessa nova plataforma do blogger. Antigamente era fácil resolver isso, agora... Mas graças a esse pequeno código (que eu tive que digitar porque não é possível copiar do site aqui rsrsrs mas valeu a pena!) consegui tirar as bordas e já deu outra cara para meu blog: http://nosmodamos.blogspot.com.br
    Deus te abençoe!

    ResponderExcluir
    Respostas
    1. Bom dia Mariana,
      que bom que deu certo, ah, me desculpe, esqueci que nesse novo layout do blog a cópia ficou bloqueada, preciso aprender a deixar aquela caixinha de códigos.
      Mas que bom que deu certo, já vou conhecer seu blog.
      Bj

      Excluir

Que bom receber sua visita, sinta-se a vontade para voltar e comentar sempre que desejar.
Eu respondo as perguntas aqui no blog, para receber a notificação da resposta você pode clicar na opção abaixo do seu comentário.