Tutorial ~ Efecto Imagen 1 ♥

 

¡Hola little dreamers! Como veis no publico durante días, pues es que estoy

aprendiendo a hacer del blog un sitio mejor. Bueno, que

estoy haciendo cambios y estoy ocupadísima y no tengo tiempo para mis little dreamers

 Hoy os traigo el primer tutorial, y es, ponerle un efecto a las imágenes del blog. Queda de maravilla, la imagen cambia cuando pasas el cursor por encima, y queda así:

 

 

Empecemos:

 

 

Primer paso:

 

Ir a Diseño>HTML/JavaScript y copiar el siguiente código:

 

<a href="#"><img src="#1imagen" onmouseover="this.src='#2imagen'" onmouseout="this.src='#3imagen'" /></a>

#: Colocar URL de donde quieras que vaya el enlace.

#1imagen: Colocar el URL de la primera imagen.

#2imagen: Colocar URL de la segunda imagen.

#3imagen: Colocar URL de la tercera imagen.

 

Segundo paso: (Opcional*)

 

Si quieres situarlo en una entrada (en mi caso lo hice), hay que darle click a HTML, os pongo una imagen de guía:

 

 

 Y pegáis el código completo como indica en el primer paso, y listo, os saldrá la imagen.

 

 

 

Aquí se acaba el tutorial, si tienes alguna duda, deja un comentario.

♥Recuerda dar créditos si utilizas algo del blog.♥