Este es un efecto muy lindo y es que al pasar el cursor sobre una imagen esta se aclara suavemente.
Visualmente le da un toque de elegancia al blog,y lo mejor es que el efecto se aplica a todas las imagenes de la plantilla no como otro trucos que circulan en la web que funcionan muy bien pero hay que aplicar un codigo a cada imagen.


Para añadir este este efecto vamos a Diseño,Edicion HTML buscas la etiqueta </head> y arriba de ella pon lo siguiente:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 1.0);
$('img').hover(function() {
$(this).fadeTo('slow', 0.5);
}, function() {
$(this).fadeTo('slow', 1.0);
});
});
</script>

Por ultimo guardas los cambios.

Categorías: Trucos Blogger

13 comentarios

Anonymous · agosto 1, 2011 a las 3:24 pm

Juvinao tienes un estupendo blog,gracias por compartir muy buen efecto :-*

Dryken · agosto 1, 2011 a las 4:10 pm

que pasada de efecto Juvinao, creo haberlo visto antes, me recuerda al efecto hovering.Muy buen aporte.

Por cierto, veo que has renovado la plantilla, esta genial, me gusta el nuevo estilo.

Saludos compañero 🙂

Juvinao · agosto 1, 2011 a las 4:21 pm

@Dryken Gracias por comentar y si estoy estrenando nueva plantilla me ha costado pero he logrado un buen resultado =))

Fredd Hannay · agosto 22, 2011 a las 11:33 pm

Buen post, me gustaria saber el truco para las imagenes individuales. es que con este hasta el logo de la cabecera se desvanece. Muy buen blog, te felicito, para hacer 150 dias online andas barbaro, me gustaria lograr lo mismo con mi blog.
http://prodiagnost.blogspot.com
Saludos de uruguay.
Fredd Hannay

Juvinao · agosto 23, 2011 a las 3:27 am

Fredd Hannay gracias por comentar y gracias por las felicitaciones,seguro con esmeros lograras mucho mas dias online y con respecto a la entrada que pedistes mañana la tengo listo ok

Juvinao · agosto 23, 2011 a las 2:08 pm

Fredd Hannay aqui esta la entrada que me pedistes

http://miltrucosblogger.blogspot.com/2011/08/efecto-desvanecer-en-imagenes-escogidas.html

:P:P

Fredd Hannay · agosto 24, 2011 a las 5:16 pm

Muchisimas gracias maestro y a las ordenes!
Saludos.
Fredd

Juvinao · agosto 25, 2011 a las 12:50 am

Fredd Hannay gracas por comentar,Saludos 😀

KISSMAR · septiembre 18, 2011 a las 7:07 pm

gracias muy bonito!!!

Juvinao · septiembre 18, 2011 a las 8:28 pm

KISSMAR gracias a ti por comentar…

Victoria ® · febrero 9, 2012 a las 11:58 am

NO ME SALE 🙁 YA PROBE DE 20 MIL MANERAS

    Juvinao · febrero 9, 2012 a las 5:09 pm

    Victoria ® dejame una copia de tu plantilla para revisar cual es el problema.

José Ramón Martínez Medina · septiembre 22, 2014 a las 1:27 am

Se puede hacer que en vez de desvanecerse a blanco lo haga a negro o un color oscuro?

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *