Como crear un scrooll de banner 125x125 en movimiento
Este truco blogger es para presentar un scroll de banners en movimiento en tu blog y nos puede servir para crear una lista de blog o web que seguimos o anunciamos en nuestro blog y solo nos ocupara el espacio que tu elijas.
Pasos a seguir:
Entramos en Diseño,añadir un gadget y elegimos HTML/Javascript y copias el código que ves aquí abajo.
<div align="center"> <marquee direction="up" scrollamount="3" style="background- text-align: center; width:125px;height:125px;border:1px solid #000000;padding:3px" onmouseover="this.scrollAmount='0'" onmouseout="this.scrollAmount='2'"> <a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a> <a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a> <a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a> </marquee> </div> |
Solo tendrás que cambiar lo que esta en rojo,es decir pon la url del enlace que quieras, el nombrede ese enlace y la url de donde tiene alojada la imagen que quieres poner.
Este código lo puedes repetir todas las veces que quieras introducir un nuevo banner.
<a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a> |
Puedes modificar también si quieres:
- marquee direction: es el que orienta el movimiento de los enlaces [hacia arriba (up),abajo (down),a la derecha (right) o a la izquierda (left)]
- scrollAmount: es la velocidad de movimiento. A mayor número, mayor será la velocidad.
- text-align: es la posición de los enlaces [centrados (center),a la derecha (right)o a la izquierda (left)]
- width: es el ancho de la tabla y height es el alto.
- border: es el grosor del borde de la tabla.
- #000000 :puedes reemplazarlo por el color que quieras (en hexadecimales)
Hay muchas formas de personalizarlo y solo dependerá de lo que a ti te guste, puedes cambiar el tamaño de los bordes,los colores.
http://mejoratu.blogspot.com/2010/06/como-crear-un-scrooll-de-banner-125x125.html
0 comments:
Publicar un comentario