Tutorial: Opacidade nas imagens

Resolvi fazer esse tutorial, já que ninguém posta nada (Postadoras, vocês ainda estão vivas?)
As imagens ficam com um toque legal. Aqui vai um exemplo:



1º- Vá no html do seu blog, que vocês já devem saber onde é


2º- Aperte F3 e procure por ]]></b:skin>


3º- Antes, cole o código que está no fim do post


Visualize, e se tiver tudo certo, salve!

Ah, e aqui está o 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; duration: 50s; }