Tutorial : Efeito opacidade nas imagens do blog

Oi gente,hoje eu trouce um tutorial bem facinho de como colocar o efeito opacidade nas imagens do blog,esse efeito esta sendo usado aqui no nosso blog,clique em leia mais para ver o tutorial

Vá em Design → Editar HTML clique na caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por :

]]></b:skin>

Quando achar esse codigo, cole acime dele esse outro:

.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;

}

Esse codigo acima e o efeito de que a opacidade apareça quando passar o mouse, caso você queira a opacidade já na imagem e suma ao passar o mouse,  cole no lugar daquele ali em cima este outro:

.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;}

Créditos: Capture Dream