Como colocar efeito opacidade nas imagens

Hoooy cup-cakes de morangoo !! tudo boom ?? então lá vai mais um tutu.
Boom imagem com efeito opacidade é assim ó:

Para vcs colocarem em todas as imagens do seu blog é bem simples:

Vá em design--> Editar HTML --> Ctrl + F ---> Procure por : .post img {

padding:4px; border:1px solid $bordercolor; }

E substitua por : .post img {

filter: alpha(opacity:0.5); KHTMLOpacity: 0.5; MozOpacity: 0.5; -khtml-opacity:.50; -ms-filter:"alpha(opacity=50)"; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } .post img:hover { filter: alpha(opacity:1); KHTMLOpacity: 1; MozOpacity: 1; -khtml-opacity:.1; -ms-filter:"alpha(opacity=100)"; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

Visualize e salve.

--------------------------------------------------------------------------------------------

Para colocar o efeito opacidade somente em uma imagem que vc queira é bem simples:

quando vc tiver fazendo o post coloque este código :
<a href="LINK-AQUI"> <img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="ENDEREÇO-DA-IMAGEM" /></a>

Coloque onde está de vermelho o link do seu blog e onde está Endereço da imagem coloque o Url da imagem que você quer.

Lembrando que você tem que interpretar o HTML digitado e Usar o '' Use<br /> tags''
Espero que tenham Gostado
bjuuss