Banner 125×125 con movimiento tipo scroll

Hola amigos de Mi Blog Ideas, hoy venimos con un tutorial bastante práctico, se trata de un gadget con scroll que incluye varios banners de 125x125 en un mismo contenedor con movimiento, permitiendo ahorrar espacio, además de añadir un vistoso efecto de desplazamiento a los banners.

Banner 125×125 con movimiento tipo scroll
Banner 125×125 con movimiento tipo scroll

Para añadir este truco a tu blog, debes ir a Diseño, Añadir gadget, HTML/JavaScript y pegar allí lo siguiente:

<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>

Reemplaza lo que se ha resaltado en color negrita, por lo que se indica en cada caso, guarda los cambios y verifica que todo esté funcionando bien.

Si no te ha quedado claro de que va el truco de hoy, a continuación puedes ver una vista previa del gadget: 

Entradas que pueden interesarte

disqus