Hace unos días atrás publique un tutorial en el cual había un efecto de desvanecimiento de todas las imagenes del blog,pues bien @Fredd Hannay  me preguntaba como podría lograr tal efecto pero solo en las imágenes que el escogiera y esto es lo que voy a enseñar en el tutorial de hoy.


Para añadir este efecto vas a Diseño,Edición HTML, allí buscas la etiqueta  

</head>

Encima de lo anterior pegamos lo siguiente:

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

Guardas los cambios.

Ahora cada vez que quieras que una imagen tenga el efecto desvanecer deberás pegar en la edición html de la entrada lo siguiente:

<img class='blImaggjtef' src='URL DE LA IMAGEN'/>

Reemplazas  URL DE LA IMAGEN por la direccion de tu imagen y listo.

 

Categorías: Trucos Blogger

12 comentarios

Cloudx18 · agosto 23, 2011 a las 7:04 pm

Muy buen aporte 😀 éxitos!

Juvinao · agosto 23, 2011 a las 7:26 pm

Cloudx18 gracias por comentar 😀

Jorge · agosto 23, 2011 a las 10:49 pm

muy bueno amigo

Juvinao · agosto 24, 2011 a las 1:52 pm

Jorge gracias por comentar 😀

Carlos Perez · agosto 28, 2011 a las 12:07 am

Pero no aclaras en que parte de la «edicion html» de la entrada hay que pegar el codigo… sobre que palabra, al inicio o final etccc.. Gracias

Juvinao · agosto 28, 2011 a las 12:20 am

Carlos Perez eso depende en que lugar vas a colocar tu imagen,donde la coloques entonces alli añades el codigo que dije y luego la URL de tu imagen y listo..

Carlos Perez · agosto 28, 2011 a las 5:21 am

Tengo imagenes que, al clickearlas, se abren en una ventana nueva. Probé el truco y me funcionó pero las imagenes dejaron de abrirse en una ventana nueva… es posible que pase esto? que este truco impida eso? Gracias

Juvinao · agosto 28, 2011 a las 2:44 pm

Carlos Perez prueba con este tutorial a ver como te va 😈

http://miltrucosblogger.blogspot.com/2011/07/abrir-los-links-en-una-ventana-nueva.html

Carlos Perez · agosto 28, 2011 a las 4:40 pm

Gracias funciono!!….. tienes algun tutorial sobre algún script de bloqueo de imagenes? es para evitar que no todas las imagenes de un blog se puedan abrir (sea en misma ventana o ventana nueva)… Gracias

Juvinao · agosto 28, 2011 a las 5:33 pm

Carlos Perez bueno por ahora no tengo nada de eso,pero dame un poco de tiempo y talvez haga un tutorial

Anonymous · septiembre 27, 2011 a las 10:11 am

:s

José Ramón Martínez Medina · septiembre 22, 2014 a las 3:56 pm

Me marca error de sintaxis y no me daba el efecto en las imagenes :/ ..al parecer arregle lo del error de la sintaxis pero siguio sin darme el efecto 🙁

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 *