Efeito Hover nas Imagens do Blog

Olá esta é a primeira postagem do blog e eu estou aqui para ensinar como deixar as imagens do blog no efeito 'hover',ele fica muito fofo no blog e dá uma cara de 'fabulous' no blog entenderam??Bem vamos ao tuto??

*Va em design - Editar HTML - De CTRL+ F - E procure por " ]]></b:skin> "

Quando achar acima dele cole :

.main img {
filter:alpha(opacity=45);
 -moz-opacity:0.45;
 opacity:0.45;
-webkit-transition-duration: .70s;
}
.main img:hover {
filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
-webkit-transition-duration: .70s;
}

Já colou??Então salve e pronto!

Beijinhos e até a próxima :)