Como retirar a sombra das imagens no modelo do blogger

Postado em: Tags: ,
Quem usa o modelo Awsome Inc. ou o Simple do blogger como base para seu layout, já percebeu que nele as imagens das postagens ficam com uma cor de fundo e com sombra.
Tem gente que não gosta desse efeito, então vou ensinar como tirar! Foi a Giovana do blog Fearless teens que me pediu para ajudar ela!

Abra o painel do blogger,  vá em desing e depois em Designer do modelo.

Clique na opção "Avançado" e depois em "Imagens". Selecione para o plano de fundo e borda a cor "Transparente".

Sem título

Aplique as modificações e agora vá em Editar HTML. Faça o que está escrito no print(Clique para aumentar a imagem):

Capturar

Prontinho! Veja o resultado:
Antes Depois

Espero ter ajudado! Kissus!

65 comentários:

  1. In Fashion10/12/10 15:18

    oooi minha linda , adorei seu blog
    e tou te seguindo
    me segue tamb , muito sucesso viu?
    beijao

    www.innnfashion.blogspot.com

    ResponderExcluir
  2. Ella10/12/10 19:27

    nossa, voc é minha heroína! haha.
    mt obrigada msmooooooooo!
    bjs:*

    ResponderExcluir
  3. Cherry Snow11/12/10 11:51

    Amei *_* estava procurando a um tempinho já como fazer isso \õ/

    ResponderExcluir
  4. Isabella Da Cás16/12/10 00:37

    Nossa super Obrigada!!!!

    Estava muito P. com esse sombreado que apareceu de um dia pro outro!

    bjkasss

    ResponderExcluir
  5. Thiago16/12/10 08:34

    eu gostaria de saber como faz para que a imagem do cabeçalho continua com borda? Sempre que faço este tutorial de tirar a borda das imagens a imagem do topo tb fica sem. e gostaria que menos ela ficasse sem borda.

    ResponderExcluir
  6. Jonatas William12/1/11 18:16

    Obrigado pela dica, e parabéns pelo Blog!

    ResponderExcluir
  7. Heglaé Maia19/1/11 19:40

    Salvou minha vida. Mudei o layout e fiquei p. da vida com este sombreado tosco.
    Valeuzão pelo tutorial!

    ResponderExcluir
  8. " X "25/1/11 10:26

    Nossa! Fiz uma pesquisa no Google para saber como se retirava aquela maldita sombra e cheguei aqui!
    MUITO obrigado pela explicação!
    Valeu mesmo!!!

    ResponderExcluir
  9. Alexandre3/5/11 22:37

    Valeu mesmo, muito obrigado pela dica.

    ResponderExcluir
  10. Lia20/5/11 22:12

     nossa, odiava essa sombra, pq fica feio qndo coloca barrinhas...OBRIGADAAAAA!!!

    ResponderExcluir
  11. Lia21/5/11 08:22

    Haha De nada flor =)

    ResponderExcluir
  12. Frannatan8/6/11 21:04

    Nossa, que dica maravilhosa!!
    Estava louca para tirar essas sombras horrorosas HEHE
    Graças ao Google encontrei você. Parabéns, seu blog é Show!

    ResponderExcluir
  13. Anna paula10/8/11 11:39

    Obrigada!!! já estava ficando louca por conta dessa sombra horrorosa!!!

    ResponderExcluir
  14. Maria Helena:*15/8/11 21:50

    eu fui mecher e meu blog ficou todo fora do lugar, o que eu faço??

    ResponderExcluir
  15. André Vieira (Andrew)2/9/11 09:27

    Muuuito obrigado essa dica foi incrivelmente fantástica, tah de parabéns sucesso

    ResponderExcluir
  16. Na_ty Fofs5/9/11 11:03

    Adorei, Valeeu !

    ResponderExcluir
  17. Naty Farias5/9/11 11:04

    Valeeu - Adoreei meesmo *-*

    ResponderExcluir
  18. Joselliamoura10/9/11 22:11

    Adorei o turo,estava procuranado isso pra tirar as bordas do meu blog e fiz agora mesmo e amei,achei fofo teu blog!

    ResponderExcluir
  19. Joselliamoura12/9/11 14:10

    Oi Liah,eu de novo com uma dúvida>eu fiz esse tutorial e deu super certo só que eu qro que a parte "da autora,comentários"continuasse c/ a bordinha só que qnd faço esse tutorial some td as bordas da imagem e dos comentários e autora,já testei aqui várias vezes pra ver se descubro um jeito pra tirar a borda só das imagens dos post's e deixar a do comentário e autor e não consegui por isso voltei aqui pra perguntar a vc já que entendes melhor que eu sobre HTML,bjoOs.
    P.S.:espero que tenha entendido a minha dúvida.http://days-of-july.blogspot.com

    ResponderExcluir
  20. Karinesmith27/9/11 17:36

    Muito obrigada!
    Me quebrou um galhão!

    beijo

    ResponderExcluir
  21. iisamooraes15/10/11 20:09

    Eu fiz uma pesquisa no google pra saber como tirar essas barrinhas e cheguei aqui. Te mandei um e-mail hoje mais cedo, porque tinha procurado aqui no blog, e não tinha achado esse tutorial. Bem, no meu avançado não tem a opção imagens, e eu não quero mudar o modelo do meu blog (Simples), porque meu blog já está todo arrumado nele. O que eu faço? 
    Beijos,
    tentativava.blogspot.com

    ResponderExcluir
  22. - PHOTOS BLUEBAY19/10/11 13:59

    oi, eu fiz tudo direitinho, mas quando clico em salvar modelo aparece isso "Declaração de variável inválida na skin da página: A variável está sendo utilizada, mas não foi definida. Entrada: image.spread" o q eu faço ??

    ResponderExcluir
  23. - PHOTOS BLUEBAY19/10/11 14:00

    oi, eu fiz tdo direitinho, só q quando clico em salvar modelo aparece isso "Declaração de variável inválida na skin da página: A variável está sendo utilizada, mas não foi definida. Entrada: image.spread" o q eu faço ???

    ResponderExcluir
  24. larissa.canziani20/10/11 00:33

    olá,
    tenho meu blogger e o modelo é "waterman" ou algo assim - modelo marca d'água.
    não estou conseguindo tirar o sombreado das imagens, como faço?
    beijo e obrigada, larissa

    www.vintagecroqui.com

    ResponderExcluir
  25. larissa.canziani20/10/11 00:34

    olá tenho meu blogger e o modelo é "waterman" ou algo assim - modelo marca d'água.
    não estou conseguindo tirar o sombreado das imagens, como faço?
    beijo e obrigada, larissa
     
    www.vintagecroqui.com

    ResponderExcluir
  26. Alexandre-01429/10/11 10:57

    muito útil! valeeu

    ResponderExcluir
  27. Marcos Fernandes Fernandes13/11/11 09:47

    valeu!!!!!!!!!!!!! procurava há tempos uma solução para meu blog. isso acontecia principalmente no firefox e no chrome, e agora está show. obrigado

    ResponderExcluir
  28. Henrique23/11/11 15:27

    Obrigadoooooooooooooooo!!!!!

    ResponderExcluir
  29. Diego Motta15/12/11 02:23

    Ai meu deus você acaba de salvar minha vida!
    Muito obrigado e que deus abençoe você

    ResponderExcluir
  30. Juliana S Sampar17/12/11 17:12

    Eu tô tentando achar o código, só que não tô achando... e a maldita da borda não sai! D:

    ResponderExcluir
  31. G. tavares19/12/11 09:52

    ahhhhhhhhhhhhhhhh muito obrigada consegui enfim  tira-lá valeu mesmo *---*  vou retribuir seguindo .............. 
    http://damadevestidoazul.blogspot.com amei o tema da Avrilll *----* super diva

    ResponderExcluir
  32. Yume-chan5/2/12 17:56

    Oie o meu blog é do marca d'agua. Eu não consegui tirar o maldito sombriado TT-TT.
    Por favor me ajudeeeeee!!! Já tentei de todas as maneiras mas não consegui. HELP!!www.j-musicnyappy.blogspot.com

    ResponderExcluir
  33. Gabriela Rocha11/2/12 16:34

    Me ajudoou muiito flooor *-*
    aamei o tuto !
    http://wwwaboutagirl.blogspot.com/

    ResponderExcluir
  34. Transbordando Beleza24/2/12 22:21

    AAAAAAAAAAAAAAI, muito obrigada, nao conseguia trocar de forma alguma transbordandobeleza.blogspot.com

    ResponderExcluir
  35. Will Neves3/3/12 22:49

    thanks a lot girls, foi de grande ajuda esta explicação, more useful to me,,
    thanks..
    xx

    ResponderExcluir
  36. Lari Nogueira20/3/12 15:15

    Adoreeeei...faz tempo que queria saber como fazia! obrigada

    ResponderExcluir
  37. Kelly Anne20/5/12 14:30

    Eu fiz de um jeito diferente : naquele lugar que tá cercado de vermelho, ao invés de apagar tudo, eu mudei o 2 pelo 0, e deu certo. De qualquer forma, obrigado.

    ResponderExcluir
  38. Unknown10/6/12 18:43

    Ajudou muito ^-^

    ResponderExcluir
  39. Lucas12/6/12 01:54

    valeu ! ! !

    ResponderExcluir
  40. Ana Paula23/6/12 14:12

    Não sabe como você me ajudou, muito obrigada!

    http://omeubrilhantemundo.blogspot.com.br/

    ResponderExcluir
  41. Mikka Demetino2/7/12 18:48

    Oi liah, queria saber como eu faço pra tirar a bendita borda que fica no meu cabeçalho, mas eu o modelo Celestial. Eu to quase surtando flor, me ajuda por favor! ^^

    Obrigada!

    Bjs Mikka!

    ResponderExcluir
  42. Anônimo4/7/12 02:19

    Muito obrigado, esse post me ajudou bastante!
    Deem uma olhada no meu blog, hein!
    velhosapatomarrom.blogspot.com

    ResponderExcluir
  43. Anônimo16/7/12 14:08

    consegui.. obrigada pela a ajuda ! (:

    ResponderExcluir
  44. luana21/8/12 14:12

    Obrigadaaaaaaa! :D

    ResponderExcluir
  45. Anônimo22/8/12 13:08

    Brigada Liah! Ajudou muito!! Como tudo aqui, né?

    Beijos, Mari.

    ResponderExcluir
  46. Unknown13/11/12 22:30

    oi meninas! caso nao der certo o metodo acima é só adicionar esse codigo aqui no CSS!!!
    http://helplogger.blogspot.com.br/2012/04/how-to-remove-blogger-pictureimage.html

    beijos e obrigada pela dica!
    http://www.fulanaciclana.com/

    ResponderExcluir
  47. Kalebe Nectar1/12/12 13:01

    sempre quis tirar essa borda, valeu!

    ResponderExcluir
  48. Jennifer Jonson26/12/12 11:28

    Não tinha esse código no meu...
    http://jenniferjonsonofficial.blogspot.com

    ResponderExcluir
  49. Bruna ;)13/2/13 14:39

    ameeei seu blog! segue o meu ? http://papodabru.blogspot.com.br/

    ResponderExcluir
  50. Anônimo15/2/13 18:06

    fiquei doida p achar a resposta ..achei ...e muito obrigada to seguindooo

    ResponderExcluir
  51. Dessa5/5/13 21:39

    Não deu certo comigo "/

    ResponderExcluir
  52. Nuiebo Games9/7/13 01:52

    Apaga apenas o terceiro 2 de cima para baixo do printe que ja funciona, tente ai, aqui funcionou.até sempre..
    http://agnesvata.blogspot.com.br/

    ResponderExcluir
  53. bb6/8/13 16:20

    Quem usar o modelo watermark basta colar o código abaixo no CSS:

    .post-body img, .post-body .tr-caption-container, .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;
    }

    ResponderExcluir
  54. Ana Silva11/8/13 13:18

    Que grande ajuda! Obrigado <3<3 http://annluckindarkdays.blogspot.pt/

    ResponderExcluir
  55. Anônimo11/9/13 14:11

    Obrigada!
    Vcs são demais!!

    ResponderExcluir
  56. Daniele C.S.4/10/13 10:16

    Que dica maravilhosa, resolvou minha vida!
    bjs

    ResponderExcluir
  57. Midian.L.S.F - Commaosdeseda Oficial4/5/14 17:23

    Muito bom o tutorial, sempre modifico tudo no blog, mas isso esta insistindo em ficar, e não estava achando onde modificar, testei tudo que era modificação e nada.. e aqui encontrei. Obrigado!

    ResponderExcluir
  58. Emily Kelly5/7/14 13:22

    Oi, será que poderia colocar o código que você usou no final, estou com dificuldades.
    http://bjustbelieve.blogspot.com.br/

    ResponderExcluir
  59. Aline Veiga25/9/14 21:06

    Olá, tudo bem? Apaguei exatamente esse código mas meu HTML fica como inválido :(
    Como posso arrumar? Me ajuda por favor?
    Quero tirar todas as sombras do meu blog! Que é o astrescharmant.blogspot.com
    Super obrigada!

    ResponderExcluir
  60. Rodrigo Medeiros Rosa2/3/15 17:23

    Obrigado. Não sei como parei no seu blog, mas depois de mais de 2h batendo cabeça com html da imagem descobri que o "problema" era no template ...

    ResponderExcluir
  61. Silvio Rodolfo27/5/15 22:45

    Parabéns.

    ResponderExcluir
  62. ohmylord9/6/15 17:33

    muito obrigada ajudou muito

    ResponderExcluir
  63. Anônimo9/7/15 22:59

    Ai que beleza, você me salvou. Muito obrigada <3

    ResponderExcluir
  64. Anônimo9/7/15 23:01

    Ai que beleza, você me salvou. Muito obrigada <3 http://mini-s-mall.blogspot.com.br/

    ResponderExcluir
  65. Nathália Gomes14/8/15 23:47

    Ajudou muito, obrigada!

    ResponderExcluir