Instala Links y Banners en movimiento

Artículo publicado en el blog Ciudad Blogger, uno de los sitios con más información sobre tecnología Blogger Ve la entrada en su blog original.

Este truco les dará movimiento a tus links estilo marquesina, y hará que el link se detenga cuando el mouse pasa sobre él. Lo haremos de dos formas, una con links de texto y otra con imágenes.

Para los links de texto el código es el siguiente:

<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" >
< a href="URL del enlace 1">Nombre del enlace 1</a><br/>
< a href="URL del enlace 2">Nombre del enlace 2</a><br/>
< a href="URL del enlace 3">Nombre del enlace 3</a>
< /marquee>

Para los links con imágenes el código es el siguiente:

<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" scrollamount="1" onMouseOver="this.stop()" onMouseOut="this.start()">
< a href="URL del enlace 1"><img src="URL de la imagen 1"/></a><br/>
< a href="URL del enlace 2"><img src="URL de la imagen 2"/></a><br/>
< a href="URL del enlace 3"><img src="URL de la imagen 3"/></a>
< /marquee>

Personalización:
Debes cambiar los datos en color rojo por los tuyos.
<marquee direction="up" es la dirección a donde se mueve, up arriba, down abajo, right derecha, left izquierda.
width:200px;height:150px; es el tamaño del cuadro donde aparecen los links
border:1px solid #ccc; es el ancho y color del borde.
scrollamount="1" es la velocidad con la que se mueven los links, números más altos dará mayor velocidad.

El resultado es este:

Obtén un review de tu blog GRATIS

Agrega tu favicon aquí