En primer lugar has de ir a Diseño. A veces lo que se abre es el apartado donde puedes modificar la plantilla mediante el HTML, si es así, en la columna de la izquierda pincha en Diseño, para que se abra la página de añadir gadgets.
Una vez en ella, añades un gadget a la columna donde quieras que se vean las imágenes. Eliges el gadget HTML y en el escribes lo siguiente:
<marquee scrolldelay="100" direction="left" onmouseover="stop()"onmouseout="start()" scrollamount="2">
A continuación añades los códigos de las imágenes que quieras que se vean, que deberán estar en algún servidor para que tengan url, de esta forma:
<img src="dirección de una imagen"> <img src="dirección de otra imagen"> <img src="dirección de otra imagen";
repitiendo este código <img src="dirección"> tantas veces como imágenes quieras poner, cambiando solo la dirección, para que se muestren todas.
Cuando hayas escrito todas las direcciones de las imágenes que quieras mostrar, cierras el código con esto:
</marquee>
Como explico en la entrada que he enlazado al principio, el "100" indica la velocidad, a mayor número menor velocidad y "left" indica que las imágenes irán hacia la izquierda. "stop" y "start" indican que se parará al poner el ratón encima y continuará cuando se aparte el ratón.
Si quisieras que las imágenes subieran cambias left por up cuidando de no borrar las comillas.
Esto para poner solo imágenes. Sin enlaces ni nada.
Si además quieres que cada imagen sea un enlace a algún sitio, después del primer código que he dicho lo que has de poner es lo siguiente:
<a href="la dirección del sitio al que enlazará la imagen"><img src="la dirección de la imagen"></a>
repetir este conjunto de códigos tantas veces como imágenes vayas a poner, cambiando la url del sitio enlazado y de la imagen que servirá de enlace, en cada uno de los códigos que incluyas y cerrar con </marquee> cuando hayas acabado.
Si además quieres que se abra en otra ventana, el codigo a poner y repetir tantas veces como imágenes añadas es el siguiente: (recuerda que la primera parte no varia).
<a href="dirección del enlace" target="_blank"><img src="dirección de la imagen"></a>
Y si quieres rizar el rizo y que al poner el ratón encima además de pararse se vea un texto explicativo del sitio enlazado, el código a escribir y repetir tantas veces como imágenes quieras que se vean es el siguiente:
<a href="url del enlace" target="_blank" title="aqui escribes el texto"><img src="dirección de la imagen"></a>
RECUERDA:
Todas las imágenes han de estar en internet, en algún servidor, ya sea Dropbox, en la carpeta Publico, para que tenga url, ya sea en Picasa, o en Flickr o donde quieras.
La dirección de una imagen siempre acaba con una extensión, ya sea .jpg o .bmp o .png 3 letras que indican el sistema del archivo.
Hago esta apreciación porqué en Picasa es fácil confundirse y copiar la url del álbum donde están las imágenes, en cuyo caso no se verán.
Para saber la url de la imagen en Picasa, se ha de pinchar la imagen que se va a poner, con el botón derecho del ratón y del menú que aparece pinchar, con el izquierdo, en Copiar url (o dirección) de la imagen.
Procura que todas las imágenes tengan un tamaño lo más similar posible.
No se hasta que punto se verian bien si unas fueran mucho más grandes que otras. Se ha de tener en cuenta el tamaño del sitio donde se va a colocar el gadget, para evitar sobrepasarlo. Así, por ejemplo, en una columna lateral no pongas imágenes mayores que su anchura, o puede ser que no se vean o que te echen la columna lateral abajo.
No olvides que el código de inicio solo se pone al principio y que has de terminar con el de cierre para que funcione.
No hay comentarios:
Publicar un comentario