Efecto opacidad en imágenes

Para tener en tu blog el efecto opacidad como el que ves en el ejemplo de mas abajo, solo tienes que hacer este sencillo paso que consiste en insertar una imagen con el siguiente código en lugar de hacerlo de la manera habitual. Este efecto lo puedes poner en una entrada, en un HTMLjavascript o donde tu quieras sin necesidad de tocarle a la plantilla.

 
<img style="opacity: 0.2; filter:alpha(opacity=20);" src="URL de la imagen" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>

Donde pone "URL DE LA IMAGEN" ya sabes...