Imagens nas Postagens com css3

Olá Pessoal, hoje iremos aprender a como colocar um efeito de CSS3 nas postagens do seu Blog. Esse efeito dá um aspecto bem elegante ao seu blog, pois ao passarmos o mouse em cima das imagens surge o efeito CSS3, e sempre possuirá uma sombra nas bordas das imagens.



 Acesse o painel de seu blog e clique na guia modelo.

 Agora clique no botão Editar HTML.
 Em seguida pressione as teclas CTRL+F e procure por:


]]></b:skin>

E ACIMA delA cole o seguinte código:

.post-body img {opacity:1 !important;-webkit-box-shadow: 0px 0px 15px 1px rgba(168, 168, 168, 0.7) !important;-moz-box-shadow: 0px 0px 15px 1px rgba(168, 168, 168, 0.7) !important;box-shadow: 0px 0px 15px 1px rgba(168, 168, 168, 0.7) !important;}.post-body img:hover {padding: 6px !important;background: transparent !important;-webkit-transition: all 0.8s linear !important;border: 1px solid #C8C6C6 !important;-webkit-border-radius: 8px !important;-moz-border-radius: 8px !important;border-radius: 8px !important;transition: all 0.3s ease !important;-webkit-transition: all 0.8s ease !important;-o-transition: all 0.8s ease !important;-moz-transition: all 0.8s ease !important;opacity:0.5 !important;}
salve e pronto