Este primer código va entre las etiquetas <head> y </head> (el comienzo de esta etiqueta esta en las primeras lineas de toda su plantilla), este codigo se copia textual, y no se le hace ningún cambio, solo en el segundo se cambian las url de las imagenes:

COPIA EL CÓDIGO
JavaScript:
  1. <SCRIPT LANGUAGE="Javascript">
  2. <!-- Consigue mas JavaScript en http://www.mundojavascript.com -->
  3. <!-- Swap images
  4. function Permut (flag,img) {
  5.    if (document.images) {
  6.         if (document.images[img].permloaded) {
  7.             if (flag==1) document.images[img].src = document.images[img].perm.src
  8.             else document.images[img].src = document.images[img].perm.oldsrc
  9.         }
  10.    }
  11. }
  12. function preloadPermut (img,adresse) {
  13.    if (document.images) {
  14.         img.onload = null;
  15.         img.perm = new Image ();
  16.         img.perm.oldsrc = img.src;
  17.         img.perm.src = adresse;
  18.         img.permloaded = true;
  19.    }
  20. }
  21. // -->
  22. </SCRIPT>

y este segundo codigo es en donde se verá el efecto, debe ir debajo de <body>:

COPIA EL CÓDIGO
HTML:
  1. <a href="http://ayudaparatublog.com/personal" tasrget="_blank" onMouseover="Permut(1,'IMG1');" onMouseout="Permut(0,'IMG1');">
  2. <img src="http://photos1.blogger.com/blogger/5923/1205/200/toplaya.jpg" border=0 NAME="IMG1" onLoad="preloadPermut(this,'http://photos1.blogger.com/blogger/5923/1205/200/DSCN4479.jpg');">
  3. </a>

Lo que se obtiene como resultado, lo pueden ver pasando el mouse sobre mi foto en la columna izquierda, en este caso yo puse la direccion de mi blog personal, obviamente ustedes la cambian por lo que quieran.
Este es el link de mi primera imagen:
http://photos1.blogger.com/blogger/5923/1205/200/toplaya.jpg
Y este es el link de la segunda:
http://photos1.blogger.com/blogger/5923/1205/200/DSCN4479.jpg
Lo unico que deben hacer es sustituir estos links por los de ustedes en el segundo codigo.

Actualización del Post: 8/12/2007
Si quieres dejar este accesorio en la sidebar (barra lateral) y tienes dudas, revisa esta entrada: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template).
Y si necesitas un host gratuito para subir tus imágenes revisa los siguientes post:
-El mejor sitio de almacenaje de la web
-Paginas para Subir Archivos


Si este Post te ayudó recuerda votar por el blog En esta Página
1 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 101 votes, average: 1 out of 10 (1 votos, promedio: 1 de 10)
Loading ... Loading ...

Post Relacionados
FeedButton: un boton para varios agregadores">FeedButton: un boton para varios agregadores
Agregar un Rastro de Texto al Cursor">Agregar un Rastro de Texto al Cursor
Bravenet esta ofreciendo cuentas gratis para animaciones en el blog">Bravenet esta ofreciendo cuentas gratis para animaciones en el blog
¿Cómo puedo crear un vínculo a otra página web?">¿Cómo puedo crear un vínculo a otra página web?
Resultados 1º Concurso Dominio .com Gratis, “Cambia tu .blogspot por .com”">Resultados 1º Concurso Dominio .com Gratis, “Cambia tu .blogspot por .com”


Post al Azar:




Blogalaxia Tags:            

Imprime este Post Imprime este Post
Envía este Post Envía este Post