Scroll con desplazamiento automatico para tu Blog

En ocasiones nos falta espacio en la barra lateral de nuestro para colocar algún contenido, con este Scroll los usuarios pueden ver el contenido completo a través del desplazamiento automático de arriba / abajo

Lo puedes ver funcionando en el blog Recursos Grátis en este caso está incluido el Sitemap, puedes incluir cualquier texto, banners etc…

Para ponerlo en tu blog entrar a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega el siguiente código:

<script type=”text/javascript”>

iens6=document.all||document.getElementById

ns4=document.layers

//specify speed of scroll (greater=faster)

var speed=5

if (iens6){

document.write(‘<div id=”container” style=”position:relative;width:275px;height:350px;border:dashed 1px #9C1114;overflow:hidden”>’)

document.write(‘<div id=”content” style=”position:absolute;width:260px;left:0;top:0″>’)

}

</script>

<ilayer name=”nscontainer” width=175 height=160 clip=”0,0,175,160″>

<layer name=”nscontent” width=175 height=160 visibility=hidden>

<p align=”left”>

<!–INSERT CONTENT HERE–>

AQUI TU CONTENIDO

<!–END CONTENT–>

</layer>

</ilayer>

<script language=”JavaScript1.2″>

if (iens6)

document.write(‘</div></div>’)

</script>

<table width=”78″><td><p align=”right”>

<a href=”#” onMouseover=”moveup()” onMouseout=”clearTimeout(moveupvar)”><img src=”URL del grafico/up.png” border=0></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href=”#” onMouseover=”movedown()” onMouseout=”clearTimeout(movedownvar)”><img src=”URL del grafico/down.png” border=0></a></p></td>

</table>

<script language=”JavaScript1.2″>

if (iens6){

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 (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)

}

function moveup(){

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)

}

function getcontent_height(){

if (iens6)

contentheight=crossobj.offsetHeight

else if (ns4)

document.nscontainer.document.nscontent.visibility=”show”

}

window.onload=getcontent_height

</script>

Lo que está indicado en rojo lo puedes personalizar segun tus necesidades.

Guarda en tu pc  las flechitas arriba/abajo y súbelas a tu servidor y pon la URL donde está indicado

Post relacionados:

1. Gadget para mostrar las entradas mas populares en Blogger
2. Texto con movimiento en la barra de navegación
3. Como redireccionar tu blog hacia otra plataforma
4. Pon en tu blog de Blogger copos de nieve
5. Como poner nieve en tu web/blog