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 nombre de 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> |
- 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)
