Efeito Opacidade nas Imagens

Esse efeito deixa as imagens mais opacas, dando um charme a mais ao blog, veja na imagem abaixo:

 Faça sempre backup do seu template antes de modificá-lo , ou tenha um                               blog de testes, caso algo dê algo errado.

Vamos ao Tuto?

Abra o seu blog, e vá no HTML dele. Aperte Ctrl+F e procure por ]]></b:skin>

Cole Antes de ]]></b:skin> o código abaixo:

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

Para deixar a imagem com esse afeito é só colocar:  class="opacidade" no código da imagem

Ficará assim:

<img src="http://imagem.jpg" class="opacidade"/>

Fácil não é?  Xeiruuuuuu 

Todos os créditos para Madlyluv.com