Efeito de opacidade nas imagens do blog

Olá meus docinhos !

Vou ensinar como colocar o efeito opaco nas imagens do blog.




1° Vá em Design,editar HTML e marque a opção 'Expandir modelos do widget'
2° Clique em Ctrl + F e procure por:

 ]]></b:skin>

3°Quando achar o código cole acima dele o seguinte código:

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

O código acima é para o efeito opaco na imagem ao passar o mouse, agora  para quando passar o mouse em cima e sumir o efeito opaco,é só você colar no lugar daquele ali em cima este outro código:

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

 Agora salve e visualize como ficou !