Efecto Opacidad En Imagenes

Este Codigo Logra Un Efecto De Opacidad En Tus Imagenes 

1 Ejemplo:

 El Codigo Es El Siguiente :

<img href="URL del enlace" 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.4;this.filters.alpha.opacity='40';"/>

--> URL Del Enlace Determina La Direccion a Donde Te Guiara La Imagen Al Presionarla *

--> URL De La Imagen Es La Imagen Que Tendra El Efecto ^^

2 Ejemplo:

 El Codigo Es El Siguiente :

<img href="URL del enlace" src="URL de la imagen"onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity='40';"/>

Si Quieres Este Efecto En Todas Tus Imagenes Del Blog Sigue Estos Pasos :

1. --> " Diseño " , Luego " Edicion De HTML " ...

2. --> Con La Ayuda De Ctrl + F Busca En Tu Plantilla ]]></b:skin>

3. --> Despues De Encontrarlo , Antes Pega El Siguiente Codigo

/* OPACIDAD EN LAS IMAGENES */
 img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;

Guardas Y Listo !