www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

Como tirar a borda das imagens do blog

Sabe aquela bordinha cinza que fica em volta das fotos que você posta ? Ela pode até ser bonitinha no começo, mas tem aquelas pessoas que simplesmente não gostam e se irritam quando postam uma foto e ela aparece.  Nesse tutorial, vamos aprender a retirar a borda das imagens do blog e deixar as fotos sem contorno nenhum. Mas se você quer colocar a borda nas imagens do seu blog, clique aqui e veja o tutorial de como colocar borda nas imagens do seu blog.

                                              Como tirar a borda das imagens do blog


Para retirar a borda das imagens  é bem fácil. Primeiro você deve ir no painel do seu blog, MODELO, PERSONALIZAR, como mostra a imagem abaixo.



Na próxima tela, você deve escolher a opção AVANÇADO, COR DA BORDA, e então selecionar a opção TRANSPARENT. Assim a borda será retirada de todas as fotos que você já postou e das novas que ira postar. Esses passos também servem caso você queira mudar a cor da borda padrão cinza, para outra de sua preferência, então na vez de escolher borda transparente, escolha a cor da borda que deseja nas opções de cores.

Como tirar a borda das imagens do blog


Prontinho ! Agora suas postagens não tem mais bordas em volta das imagens.

7 comentários:

  1. Ai que ótimo post!
    Muito bom !
    Beijos U&B
    Adriana e Cláudia
    www.unhasebocas.blogspot.com.br
    Instagram @blogunhasebocas
    https://www.facebook.com/pages/Unhasbocas/477832645611169?fref=ts

    ResponderExcluir
  2. eu fui fazer isso no meu blog e vi que nao existe mais essa opição!! Oq eu faço?

    ResponderExcluir
    Respostas
    1. Thalita, se não existe essa opção você deverá seguir outro modo.

      Vá no painel do seu blog, MODELO, EDITAR HTML, dê um CTRL F na área do código e lá procure pelo seguinte trecho

      .post img{

      Você deverá encontrar mais ou menos assim,

      .post img{
      border:3px solid#000000; COR DA BORDA
      padding:2px; }
      .post a:hover img {
      border:3px solid#ffffff; COR DA BORDA QUANDO PASSA O MOUSE
      }

      Altere retirando as cores da borda ou substituindo pela cor que você deseja.

      Espero ter ajudado.
      Beijos

      Excluir
    2. Quando eu coloco esse trecho .post imag{ da como se não tivesse esse código
      To quase desistindo disso! :,(
      Ogd pela ajuda! ^_^

      Excluir
    3. Imagina Thalita.
      Qual o modelo de layout do seu blog?

      Excluir
  3. Olá,estou com o mesmo problema que Thalita,quando procuro pelo trecho,não dá em nada,utilizo o modelo Marca d'Água.
    Aguardo a resposta.

    ResponderExcluir

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2017. Todos os direitos reservados.
Criado por: Vanessa P.