All posts by patriram

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos. View all posts by patriram →

Javascript para el Truco que Cambia una imagen por otra al Pasar el mouse por encima, Classic Blogger

October 18, 2006Classic Blogger, Imagenes, Plataformas, Trucos Script/Plugin/Widgetpatriram

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:

<!-- Swap images
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
// -->

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

<a href="http://tekytips.com/personal">
<img src="http://photos1.blogger.com/blogger/5923/1205/200/toplaya.jpg" border="0">
</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:
–Hosting Gratuito
–Paginas para Subir Archivos

patriram

Mas Plantillas para Blogger (Templates), Classic-Blogger

October 17, 2006Classic Blogger, De Todo, Plantillas, Plataformaspatriram

Aqui dejo mas links de plantillas para blogger, asi pueden seguir personalizando sus blogs a gusto de cada uno.

http://layoutsbrasil.blogger.com.br/ (en la columna de la izquierda hacen click en los diferentes tipos: Abstratos, Animais, Animes, Bandas, Celebridades, Desenhos, Diversos, Fantasy, Filmes, Góticos)

http://makingtoyou.cjb.net/

(al entrar en la columna izquierda dice template, tiene al parecer 109 tipos, para anime, y muchas otros estilos)

http://paginas.terra.com.br/informatica/smtemplates/galeria01.htm Muchos Templates 130 en total, arriba tienen el menu con las paginas [1] [2] [3]…..

http://www.templates4free.blogger.com.br/galeria1.htm

http://www.brumaximus.blogger.com.br/ Con este se van a aburrir, hay demasiados..jaajaj

Espero que les gusten

patriram