Aclarar imágenes al paso del mouse

Este es un truco unicamente para los usuarios de Picasa. Si no eres usuario puedes regitrarte aqui.

Pero seguramente ya eres usuario blogger y por defecto ya usas el Picasa. Ya que blogger para subir imágenes, las aloja en sus servidores por medio de Picasa.

/!\ En esta entrada se asume que tienes conocimientos de como subir imágenes en Blogger o Picasa. Si no sabes como subir imágenes, revisa esta entrada: Subir imágenes en Picasa o en Blogger.

+/- Mostrar pasos.

[1] Podemos comenzar por ver como se visualizan los codigos de picasa:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/s1600-h/fav.png">
<img style="cursor:pointer; cursor:hand;width: 16px; height: 16px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/s400/fav.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5284034013111848466" />
</a>

El código en color:

Rojo.- Este es la direccion en la que se visualiza la imagen completa.
Azul.- Este es el ancho y el largo de la imagen.
Verde.- Este es la direcion de la imagen (lo que nos interesa).

[2] Ahora veamos el otro código necesario para aclarar la imagen:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/s72/fav.png" alt="Pasa el Cursor para ver los Cambios!!" width="16px" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/s72/fav.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/';" />

El código en color:
Rojo.- Es la direccion de la imagen(la anterior en verde), solo que cambiamos el s400 por un s72:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/s72/fav.png

Azul.- Este será el mismo ancho.

Verde.- Este es la direcion de la imagen en esta quitamos los s400 y s72

quedará así: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudkMuBFPdwoJDuPoB1x_kA5W5l9WG6lhr4qGXTsEgGBFy0aWWzVkuuMvq1MuSpYZxQri9R_GZ30IGrPySCUVaDfgdIITW7rfyySnO26fEd4sS-qhB6ckwJd3f6X14XoBdG-zMCTkVIM6p/