Marquesina en Banner para Blogger

Para ello vamos a:
1) Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript y en él pegamos el siguiente código:

Código a copiar/pegar

<marquee direction="down" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'">

<a href="URLenlace1"><img src="URLimagen1"/></a>

<br/>

<a href="URLenlace2"><img src="URLimagen2"/></a>

<br/>

<a href="URLenlace3"><img src="URLimagen3"/></a>

</marquee>

---

Modificaciones que puedes hacer:

<marquee direction="down"> -> down (abajo) puedes cambiarlo por up (arriba), left (izquierda) yright (derecha). Con esto conseguimos que el banner-marquesina aparezca desde otro lado.

width:200px;height:150px -> width es el ancho y height es el alto. Cambia los valores a tu gusto para que puedan caber en tu sidebar.

border:1px solid #ccc; -> Ya expliqué todo sobre los bordes en blogger anteriormente. Revisa la lección para modificarlo a tu gusto.

scrollamount="1"  -> Esta es la velocidad a la que se van a mover los banners. Cuanto más alto sea el valor, más rápido irá el banner.

---

---

Modificaciones que debes hacer:

"URLenlace1" -> Aquí debes poner el enlace al que quieres que se acceda una vez se haya clicado sobre el banner.

"URLimagen1" -> Enlace de la imagen. Debes haberla subido primero a algún servidor gratuito, o al tuyo de pago.

---

---

Para añadir más banners fíjate en la estructura del banner. Después de <a href="URLenlace3"><img alt="Titulo" src="URLimagen3"/></a> deberías poner:

<br/>
<a href="URLenlace4"><img alt="Titulo" src="URLimagen4"/></a>