Como colocar bordas nas imagens com efeito.




Olá amigos, que Deus abençoe a todos(a) Vocês!!
Hoje vamos aprender a colocar bordas de vários tipos e com efeito Opacity que nada mais é aquele efeito que que deixa a imagem esbranquiçada e que ao descansa o mouse a imagem volta ao normal.

-------------------------------------------------------------------------------------
Copie o código do efeito desejado cole antes de ]]></b:skin> e salve.


Veja os exemplos das bordas e efeito { Descanse o mouse

















Copie o código abaixo e adicione o endereço da sua imagem.
Para usar na lateral do blog adicione o código em (HTML/ Java Script)
Para usar no post copie o código e cole nas postagens.

Código para galeria de afiliados Imagens para afiliados WWW
<a href=" ENDEREÇO DO AFILIADO /"target="_blank">
<img src=" ENDEREÇO DA IMAGEM "class="galedp"/></a >


Código para imagens
<img src=" ENDEREÇO DA IMAGEM "class="galedp"/>

NOTAS Antes de fazer qualquer modificação no seu blog salve antes todo o seu Html.


67 comentários:

  1. Gostei do tutorial. Bem util. Bjo

    http://www.soentrenosmulheres.co.cc/

    ResponderExcluir
  2. Lindos efeitos amiga,estarei usando alguns no meu próximo template.. Obrigada adorei todos!

    http://jessica-alves15.blogspot.com.br/

    ResponderExcluir
  3. Oi Dany !
    Muito bom o Efeito.
    Uma vez eu coloquei borda nas imagens , só que eram de outro tipo .
    Fique com Deus , beijos :*:*
    WWW.NEWROMANCE.TK

    ResponderExcluir
  4. acho essas bordas nas imagens mega lindas, ja tive no meu blog mas retirei (
    o tuto ficou super bem explicado e o legal é que você pos vários tipos de bordas e não só um, parabéns!
    que bom que curtiu as bases la no blog *-*

    http://blogportalteen.blogspot.com

    ResponderExcluir
  5. Legaal! No meu blog tem! Eu adoro, fica super lindo, né?
    Beijos, Batom De Framboesa.

    ResponderExcluir
  6. Seu blog é super fofo amei :)
    parabens
    e o post legal :)
    beijinhos
    >> diariosamigas.blogspot.com.br <<

    ResponderExcluir
  7. Adorei!
    Tem post novo no blog oneesmalte.blogspot.com.br, te espero lá :)
    Beijos ;*

    ResponderExcluir
  8. Muito bom o tutorial. Estava doidinha procurando por ele aqui nos blogs que eu conhecia. Mas achei hoje o seu e fiquei encantada quando me deparei com este tutorial. Muito bom!
    ~Seguindo aqui,viu?

    Beijo
    Me visita?
    Hayanne Deise Lins - Profissão Adolescente
    http://profissao-adolescente.blogspot.pt/

    Facebook * Twitter * Youtube

    ResponderExcluir
  9. Que lindo o resultado, muito bom o tutorial, talvez eu use!!

    Beijinhos,
    Te espero no meu blog!
    http://vicbarbosa.blogspot.com.br/

    ResponderExcluir
  10. Nossa, que show!!! quantas dicas, adorei, sou nova nessa blogsfera..hehehe estarei sempre aqui com certeza...to te seguindo...
    Obrigado por visitar meu cantinho!! volte sempre...
    Beijos!!!

    http://nailmypassion.blogspot.com.br/

    ResponderExcluir
  11. Euuu amei os efeitos! Eu coloquei um bem legal no meu blog! Mas quando decidir mudar com certeza vou colocar um desses do seu post!

    bjuuuus
    http://devotedforbooks.blogspot.com

    ResponderExcluir
  12. Super lindos!!
    É de ótima utilização para quem tem tumblr *-*

    Beijos :*
    http://leticiac04.blogspot.com.br/

    ResponderExcluir
  13. Amei o efeito!Acho que vou utilizar no próximo lay!Ameii!
    Você perguntou se tem vagas para afiliação.Tem sim,e já te coloquei lá,ok?

    http://mundoencantadodabarbie.blogspot.com.br/

    ResponderExcluir
  14. amei os efeitos! amei esse tutorial!!
    candyces.blogspot.com

    ResponderExcluir
  15. Ai Dany lindos esses efeitinhos de bordas *--*, eu sempre quis fazer um layout com esses efeitos nas imagens! Um dia eu ainda faço! Fiquei muuuito feliz em saber que você gostou do xat e pois aqui! Eu acho que ele ajuda em várias coisas, inclusive a ficar mais perto do leitor, as vezes quer falar algo sobre parcerias, e ficar conversando pelos comentários pode até atrapalhar os leitores! Enfim é uma mão na roda! *--* cada dia mais lindo o seu cantinho! A cada dia mais vontade de ficar aqui por horas! Beijus

    http://aconteceudepoisdos14.blogspot.com.br/

    ResponderExcluir
  16. Oi Dany!
    Muito obrigada pela visita no meu cantinho e pelo comentário super querido!
    Adorei o seu blog, e esse post é tudo de bom...
    Virei fã e seguidora!

    Beijos
    Giovanna
    http://esmaltolatrasdecarteirinha.blogspot.com

    ResponderExcluir
  17. Olá Dany querida!

    Fiquei muito contente quando vi que era você a sorteada =D Parabéns! Sua Casinha merece!
    Amiga... Li o seu recadinho no meu Blogspot!
    Estou estudando os códigos para me mudar pra cá!
    Você me indica algum blog com bons tutoriais para eu aprender?
    Todas as tardes faço busca no google por tutoriais, rsrs...
    Lindo os efeitos das bordas!

    Obrigada pelo carinho e tenha um ótimo restinho de semana!
    Beijinhos no coração... TATIANA BERTOLIN

    http://casinhadasgifs.zip.net

    ResponderExcluir
  18. ótima post!

    Beijos
    www.mulherantenadissima.com

    ResponderExcluir
  19. Olá! Desculpa encher o saco, mas é que temos um projeto que ajuda pessoas com bulimia, anorexia, depressão, automutilação e bullying. Pedimos a sua colaboração para ajudar a divulgar o projeto. Se tudo caminhar bem muitas mais pessoas serão ajudadas.
    Muito obrigada pela atenção!

    ResponderExcluir
  20. Adooreei o tutorial !
    Pode clicar no meu perfil & visitar o blog Parada Teen?!
    é que eu to com medo deesse lance aii de apagar os blogs com os links diretos :x '
    Beijos !

    ResponderExcluir
  21. Muito bom o tutorial, vc explica super bem!
    Ah e o meu LinkWithin voltou a funcionar igual vc falou, super obrigada pela dica!
    Beijos
    Emy
    http://www.des-complica.blogspot.com.br/

    ResponderExcluir
  22. Adorei o tutorial! Muito útil :)
    OWN *--* Amei que meu blog foi destaque :) Só que você escreveu meu nome errado. Não é Thais "Ferras" e sim Terra. Mas obrigada mesmo de coração :)

    http://colorful-mushrooms.blogspot.com.br

    Beijoos ;*

    ResponderExcluir
  23. Oie amiga, obrigada pelo lindo carinho em meu cantinho... fiquei super feliz! =)
    Realmente estou super anciosa com a festinha da Sarah, cada momento e cada preparativo para mim são muito gratificante, estou fazendo tudo com muito amor..e. tbm 1 aninho , só se completa uma vez na vida neh! Ja esta andando com 10 meses... mamae aqui esta super feliz neh, imagina! O papai então!! Bom minha flor... obrigada por tudo, amei esse tutorial, vou tentar colocar ele la no cantinho! Fique com Deus e que ele abençoe a vc e toda sua familia! Um super beijo Samara e Sarah!

    ResponderExcluir
  24. ooi danny desculpe o sumiço flor adorei você ter me visitado e tambe´m adorei o tuto bjus flor Blog da Pepi

    ResponderExcluir
  25. Olá linda! Adorie o tutorial. Estou começando a fazer umas mudanças no blog e vou ver se consigo aplicar algumas dicas suas! Beijos linda!

    http://www.perfumedemoca.blogspot.com.br/

    ResponderExcluir
  26. Olá Dany...
    Seu blog sempre com dicas muito interessantes.
    Pena que mamis não sabe colocar muitas coisas, e fica com medo de mexer muito e estragar...
    Então ficamos com o "arroz com feijão" mesmo.
    Rsrsrrrss.
    Obrigada por fazer parte da minha festa de "1000 amiguinhos"...
    Ah... Gostei do DESTAQUE do blog.
    Gostaria de participar do sorteio também, ok???
    Ótima noite e fique com o Papai do Céu.
    Aus 1000 e Beijos 1000 das amigas,

    KIPPY & LILLY

    ResponderExcluir
  27. Que legal esse tutorial !!!
    Adorei, Gostei muito do seu blog encontrei ele por acaso e amei !!
    Já to seguindo aqui, segue de volta??
    Beijos Emilia.

    http://coffemilia.blogspot.com.br/

    ResponderExcluir
  28. oi minha linduxa!não tem uma vez que eu venha aqui pra não ficar apaixonada.. e esse post ta ficou perfeitoo demais..

    Beijocas Pink (◕‿◕✿) )

    http://renatinhaloucaporpink.blogspot.com.br

    ResponderExcluir
  29. Este efeitos e lindooo ...
    Ja pensei em coloca em meu blog ...

    Blog Maluco

    ResponderExcluir
  30. Adorei as dicas, continua com essas diquinhas

    bjos

    http://www.jessicarcoelho.com/

    ResponderExcluir
  31. Own* adorei as dicas, o blog é lindo demais, e claro já estou seguindo segue de volta?
    Ah e to fazendo uma campanha stay strong no meu blog, passa lá depois, beeijos

    www.danycworld.blogspot.com.br

    ResponderExcluir
  32. Awn! Que efeitos bonitinhos (:

    Beijos.s2 http://porckybunny.blogspot.com.br/

    ResponderExcluir
  33. Confesso que não sabia fazer isso >.< mais com o seu tutu' pareceu tão fácil HAHA' sem falar que a postagem fica bem lindinha :D
    Beeijoos

    ResponderExcluir
  34. Muito bom o tutorial, como sempre né! Beijinhos

    http://www.wefoundmoda.com/
    http://www.facebook.com/WeFoundModa
    Curte lá!! (:

    ResponderExcluir
  35. WOW, great post!
    I love your blog :D
    Would you like to follow eachother?
    Love,

    Anne
    movieanne.blogspot.com

    ResponderExcluir
  36. gostei vou usar uma!!
    beijosss
    xicablog.blogspot.pt

    ResponderExcluir
  37. Muito legal esse efeito! Parabéns pelo tutorial!

    Bom final de semana!

    Beijos da Kika/Blog Acessarte

    ResponderExcluir
  38. Que lindo que fica *_*
    Vou já escolher um pra tentar colocar lá no meu blog rs
    beijo danyy, bom fds!
    http://esmaltesetudo.blogspot.com.br

    ResponderExcluir
  39. Tá perdoada sim fofa :)

    http://colorful-mushrooms.blogspot.com.br

    Beijoos ;*

    ResponderExcluir
  40. Nossa q perfeito!!!! vou colocar no meu blog.. amei mesmo!!

    http://maryecia.blogspot.com.br

    ResponderExcluir
  41. Oooi. adorei seu blog, muito fofo *-*
    Estou te seguindo, da uma passadinha lá no meu, se gostar, segue lá?!
    beijoos :*

    http://partofmepamelaguedes.blogspot.com.br/

    ResponderExcluir
  42. Oi,adorei o blog muito lindo parabéns e gostei da dica..tava pensando em um efeito diferente na minha foto de perfil no meu bloguinho novo rs
    beijos e boa semana

    ResponderExcluir
  43. Muito legais os efeitos, adorei!

    Beijinhos flor!

    ResponderExcluir
  44. Olá querida amiga Dany!

    Tudo certinho com você?
    Entendi o que você quis dizer!
    Um dos sites eu já conhecia! Vou dar uma estudada e depois te dou uma posição, OK?
    Obrigada pela força!
    Sei que vai me dar muito trabalho devido ao meu perfeccionismo, rsrs...

    Muito Obrigada pelo carinho e tenha um excelente domingo!
    Bjkas no coração... TATIANA BERTOLIN

    http://casinhadasgifs.zip.net

    ResponderExcluir
  45. Dany amei o tutorial, fica linda esse bordinha :) adorei, muuito bom, beijinhos

    http://deborah-alana.blogspot.com.br/

    ResponderExcluir
  46. Olá Dany!Te vi como destaque na casinha da Taty.Tudo bem?Amei seu cantinho,parabéns!Beijos!

    ResponderExcluir
  47. Awn, um efeito mais lindo que o outro! Vou usar com certeza ;)

    http://blogjeitounico.blogspot.com.br/

    ResponderExcluir
  48. Oiii
    Gente é super fácil colocar esses efeitos de borda
    E dá todo um charme a mais
    Gostei da dica!
    Bjs
    Até mais
    www.die-rosenrot.blogspot.com

    ResponderExcluir
  49. Deveria ter conhecido esse tutorial antes hahaha
    http://www.garotadilemablog.blogspot.com.br/

    ResponderExcluir
  50. Vou aplicar agora mesmo nas imagens do meu blog kkkk, estava a séculos procurando um tutorial igual
    a esse! Beijão
    http://blogdaingridzinha.blogspot.com.br

    ResponderExcluir
  51. Olá querida!
    Sempre com dicas fofas, né?
    Obrigada e continue sempre a postar tutoriais interessantes, já que eu não manjo nada de códigos, HUAHAUA. =)

    Beijinhos! <3

    ResponderExcluir
  52. Muito bacana,adoro essas dicas Dany!
    Bjão,estava com saudades do Dany's Place...

    http://ondeacinderelaperdeuoscarpin.blogspot.com.br/

    ResponderExcluir
  53. Que lindo blog! Flor a dica é valiosa para quem esta começando agora a mexer e montar seu proprio lay...Eu não sou muito boa nisto,mas gosto muito de ver como fica no blog as bordas das imagens são arredondadas fica lindo!

    kalyne/misturaquedacerto.com

    ResponderExcluir
  54. Que legal o tutu !!
    Super fofo o resultado, Um beijão Emilia.

    http://coffemilia.blogspot.com.br/

    ResponderExcluir
  55. Lindos os efeitos ♥ Menina um efeito que eu estou super procurando e não acho é aquele que quando passa o mouse a imagem fica preto e branco, já procurei por tudo que é canto em blogs e não achei rsr se você souber por favor faz um tutorial e me avisa, porque eu fiquei completamente in love com esse efeito quero ele no meu blog rsrs `*_*
    A e é a minha primeira vez aqui e adorei viu, seguindo e curtindo ^.^
    Bjinhos
    conversando-com-a-lua. blogspot.com.br

    ResponderExcluir
  56. AAA ! Que efeitos lindos , muito lindos !
    Adorei ...
    Amei seu blog , seguindo aqui !
    www.piink-rock.(blogspot.com)
    Só retirar os parenteses
    Beijos :*

    ResponderExcluir
  57. muito lindo os efeitos, não consegui colocar nunca consigo fazer essas coisas,rs.
    Tem sorteio lá ! Beeijos ;*
    itsblond(.blogspot)

    ResponderExcluir
  58. OI Dany!Voltei!Teu blog é show,tantas coisinhas fôfas e cutes!Amei!Já fucei e vou fuçar de novo por aqui!Beijos e obrigada pela visita!

    ResponderExcluir
  59. Adorei,vou tentar fazer no meu blog só não sei se vai dar certo, sou uma negação com HTML rs
    lepetitblondie.blogspot...

    ResponderExcluir
  60. E você tem como ensinar com o novo design de HTML do blogger? Esse não funciona mais...

    ResponderExcluir
  61. Eu quero colocar no meu blog mas não colocar nos posts:P

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥