Efeito Opacidade nas imagens do Blog

Ei,Ou, Let's Go*)

Tudo bem com vocês?Espero que sim!

Pois é,estou aqui postando + um tutorial que terá um efeito fofo para o seu Blog,

Opacidade é um efeito para destacar a imagem ao passar o mouse,é tipo, aparece uma camada em cima da imagem (é super fofo)

Vamos lá!

Vá em Design - Editar HTML - E clique na caixinha ''Expandir modelo de widget''

Aperte F3 e procure:

]]></b:skin>

Agora cole o código abaixo em cima da Tag:

main img {

filter:alpha(opacity=100);

    -moz-opacity:1.0;

    opacity:1.0;

}

.main img:hover {

filter:alpha(opacity=82);

-moz-opacity:0.82;

opacity:0.82;

}

 _________________________________________________________________________

''Caso queira o Efeito ao contrário,ou seja, A camada na imagem e ao passar o mouse a imagem fique normal,use o CÓDIGO abaixo'':

.main img {filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;}.main img:hover {filter:alpha(opacity=100);    -moz-opacity:1.0;    opacity:1.0;}