Efeito "opacidade" nas imagens

O tutorial de hoje é bem simples, e mostrara como colocar o "Efeito Opacidade" nas imagens do blog, então mãos a obra 

Primeiro vá no HTML do seu blog, click em expandir windgets e procure por esse  código
 ]]></b:skin> 

Cópie e cole o código antes do código destacado acima.

/****** opacidade - MADLYLUV.COM ******/ 

.opacidade 

{filter:alpha(opacity=82); 

-moz-opacity:0.82; 

opacity:0.82;} 

.opacidade:hover 

{filter:alpha(opacity=100); 

-moz-opacity:1.0; 

opacity:1.0;}

Agora sempre que quiser usar esse efeito em suas imagens basta adicionar a  tag  class="opacidade" 
no código da imagem que ficara igual a esse: 
 <img src="http://i55.tinypic.com/t7nxuf.jpg" class="opacidade"/>

CREDITOS: Cherry boomb