"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

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

"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

  © Link Web Blog Links Bloggers by Facebook LWB 2012

Back to TOP- Volver al principio - pulsa para SUBIR