Scroll que és una belleza

Lo podes preparar pegando el código aca: [HtmlEdit]

Un nuevo Scroll para tu página. Es el que uso para mostrar una larga lista de amigos y blog que me linkean. Te va a ser muy útil para agregar listas, entre otras cositas.
Te lo dejo armado para que lo subas directamente desde añadir un elemento de página / HTML/Javascript en tu columna lateral.

Código[+/-]

<div style="background-color:#FFff99;width:187px;"><!--ACA EDITAS ANCHO Y COLOR DE FONDO DE GUIA-->

<center><a href="javascript:movedown()">Subir</a> | <a href="javascript:moveup()">Bajar</a> |
<a href="javascript:stopscroll()">Pausa</a> | <a href="javascript:movetop()">Volver</a></center><!--ACA EDITAS LETRA DE GUIA-->
</div>
<script language="JavaScript1.2">
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers
<!--ACA EDITAS ALTO, ANCHO Y BORDE DE LA CAJA-->
if (iens6)
{document.write
('<div id="container" style="position:relative;width:185px;height:150px;overflow:hidden;border:2px ridge white">')
<!--ACA EDITAS ANCHO Y ESPACIO DEL CONTENIDO-->
document.write('<div id="content" style="position:absolute;width:183px;left:2px;top:0px">')
}
</script>
<!--INSERTAR CONTENIDO-->

Este adiós, no maquilla un "hasta luego", este nunca, no esconde un "ojalá", estas cenizas, no juegan con fuego, este ciego, no mira para atrás. Este notario firma lo que escribo, esta letra no la protestaré, ahórrate el acuse de recibo estas vísperas, son las de después. A este ruido, tan huérfano de padre no voy a permitirle que taladre un corazón, podrido de latir este pez ya no muere por tu boca este loco se va con otra loca estos ojos no lloran más por ti.

<!--FIN DE CONTENIDO-->
<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)<!--VELOCIDAD - ",00 ES MAS RAPIDO-->
}

function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)<!--VELOCIDAD - ",00 ES MAS RAPIDO-->
}

function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

Espero que te sea tan útil como lo es para mi.
Buena suerte!

No lo pongas en una entrada, va solamente en la barra lateral desde elementos de página.

ACTUALIZADO
ABRIR | CERRAR

Si queres ponerle unas flechitas asi:

Solo tenes que cambiar [SUBIR - BAJAR - PAUSA - VOLVER] de esta parte:

<center><a href="javascript:movedown()">Subir</a> | <a href="javascript:moveup()">Bajar</a> |
<a href="javascript:stopscroll()">Pausa</a> | <a href="javascript:movetop()">Volver</a></center>

Cada palabra por una imagen con este código:
<img src="URL de la foto" border="0">

Tienen que ser pequeñas y el color de fondo lo adaptas de aca:

<div style="background-color:#FFff99;width:187px;"><!--ACA EDITAS ANCHO Y COLOR DE FONDO DE GUIA-->