Opacidade nas imagens

Acho que todo mundo já viu em algum blog opacidade nas imagens não?

Sabe, a foto ta normal então você passa o mouse em cima dela e ela fica opaca..
Já estou usando HEHE

Enfim, é isso que eu vou ensinar vocês colocarem.

Se estiver interessado, por favor leia mais ^-^

Para começar, obrigado e créditos ao blog Fogos de Artificio e Extras 4 You (blog excluido).

Vamos começar?

1° -  Vá para Modelo -> Editar HTML e procure por 

]]></b:skin>

2° - Depois que achar a Tag, cole acima dela o seguinte código

/*** Opacidade Nas Imagens ~ By: Isabela Extras 4 You! ***/ 

.post img{ border-radius: 5px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;

 -webkit-transition-duration: .50s;}

 .post img:hover{ border-radius: 5px; filter:alpha(opacity=70); 

-moz-opacity:0.70; opacity:0.70; -webkit-transition-duration: .50s;}

Espero que gostem e façam bom proveito, beijos.