Marquesina de Imágenes

Hola, hoy les traigo un código que hace mas vistosa la presentación de imágenes en tu blog, se trata de una marquesina de imágenes, que pueden ir de arriba hacia abajo con el comando "Down" y de abajo hacia arriba con el comando "Up", además puedes establecer el tamaño de las imágenes (te recomiendo pequeñas, para no alentar la marquesina), Asimismo a cada imagen puedes agergarle enlaces o vínculos a otros sitios web. 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>

Si sólo quieres las imágenes sin vínculos entonces copia este código:

<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()">
 <img src="URL de la imagen 1"/><br/>
 <img src="URL de la imagen 2"/><br/>
 <img src="URL de la imagen 3"/> </marquee>

Dejen comentarios

Agrega un Gadget para video de Youtube

Agrega un video de Youtube a tu blog utilizando un gatget HTML/Javascript
solo debes incrustar este código:

<iframe width="560" height="315" src="aquí va la url del video" frameborder="0" allowfullscreen></iframe>

Puedes modificar las cantidades en rojo para ajustar el  ancho y el alto del video

Pon tu texto en movimiento, has una marquesina

Aquí tienes un código para otro gadget con movimiento, lo único que tienes que hacer es agregar un gadget HTML/Javascript y agregar el código, y poner el texto que quieras.

Este es el Código:

<marquee> <strong>Pon tu texto aquí</strong></marquee>

Tu marquesina se verá así:

Tu texto se verá así

Puedes agregar tambien funciones para agrandar la letra

<marquee> <font size=6><strong>Pon tu texto aquí</strong></marquee>

solo cambia el 6 por el numero que quieras y listo

Pon tu texto aquí

Ahora si lo que quieres es que tu texto vaya de abajo hacia arriba o de arriba hacia abajo entonces te gustará este código:

<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" >
 Tu texto lo pones aquí  </marquee>

Si cambias "Up" por "Down" el texto bajará
Y entonces se verá algo así

No olvides dejar tus comentarios. vuelve pronto.