Transicion de imagenes para blog

Hoola!! hoy traigo un tutorial que me pidio una chica, y aunque ya se lo mande por mail decidi subirlo aca ya que lo tenia hecho..

Es el codigo HTLM para poder hacer esto:

Bien lo que hay que hacer es ir a Diseño-> diseño -> agregar un gadget -> HTLM/Javascript  y pegar lo siguiente:

<div align="center">

<marquee direction="up" scrollamount="4" style="background- text-align: center;width:150px;height:150px;border:7px solid #D8F781;padding:3px" onmouseover="this.scrollAmount='0'" onmouseout="this.scrollAmount='2'">

s/' target='_blank' rel='nofollow' title=''><img border="0" height="100" 

<a href='ENLACE AL QUE QUERES QUE SE DIRIJA' target='_blank' rel='nofollow' title=''><img border="0" height="125" src="URL DE LA IMAGEN" width="150" /></a>

<a href='ENLACE AL QUE QUERES QUE SE DIRIJA' target='_blank' rel='nofollow' title=''><img border="0" height="125" src="URL DE LA IMAGEN" width="150" /></a> (repetis las veces que necesites)

</marquee>

</div>

>>Las cosas para que lo edites<<

marquee direction= direccion en la que se ira moviendo (up: arriba, down= abajo, left= izquierda, right= derecho)

scrollamount= rapidez con la que se mueve 

width (ancho) y height (alto)= sera el tamaño del recuadro

border:7px solid #D8F781 = border: N° GROSOR DEL BORDEpx TIPO DE LINEA #COLOR (EN CODIGO HTLM)

width (ancho) y height (alto)= sera el tamaño de la imagen

(repetis las veces que necesites) -->> borralo!

Si no queres que las imagenes tengan un vinculo deja en blanco el espacio donde dice ENLACE AL QUE QUERES QUE SE DIRIJA

Acá les dejo distintos tipos de bordes.

solid dotted dashed double outset groove inset ridge

Para ponerle distintos bordes en los lados se remplaza border:7px solid #D8F781  por esto: border-left: #COLOR N° GROSORpx TIPO DE LINEA; border-top: dashed 1px #ffbb66; border-right: 1px solid #ffbb66; border-bottom: double 3px #ffbb66;

border-left= borde izquierdo

border-top= borde superior (arriba)

border-right= borde derecho

border-bottom= borde inferior (abajo)