Caja de contenidos de lectura

Esta es una caja de Texto un poquito especial,Puedes mostrar un post, una noticia, una carta o cualquier cosa que quieras,con la particularidad de que si es muy largo puedes clocar un (seguir leyendo) pues pudes colocar el link de la pagina que se encuentra el relato y redirigirlo para poder seguir la lectura.Para leer solo tienes que posar el mause sobre las letras que ponen subir i bajar pero tambieb se pueden una flechita.Les comento que es muy simple instalarla al blog y configurarla.

Si quereis verla en funcionamiento ir al Blog de las demos

Una cosa mas solo se puede colocar en un Gadget

Vamos al Lio

1 Ir a blogger

2 Ir a Diseño                                    

3 Añadir un Gadget                                

3 Colocan estas lineas dentro de la caja

<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:350px;height:250px;border:1px solid black;overflow:hidden">')

document.write('<div id="content" style="position:absolute;width:170px;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>

<!--aca va el contenido-->

<h4><b>Contra el maltrato</b></h4>

<P ALIGN="left">El Congreso empieza la discusión de la ley para Prevenir, Sancionar y Erradicar la Violencia contra las Mujeres. El proyecto amplía los posibles denunciados a novios y ex novios, además de cónyuges, e incorpora los daños psicológicos, penando los tratos humillantes, los celos excesivos, la intimidación y el chantaje<br>

<a style="color: rgb(255, 0, 0);" href="http://www.pagina12.com.ar/diario/elpais/1-77594-2006-12-12.html" target="_blank">Siga Leyendo</a></P>

<!--fin de contenido-->

</layer>

</ilayer>

<script language="JavaScript1.2">

if (iens6)

document.write('</div></div>')

</script>

<table width="175px"><td><p align="right">

<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)">[Bajar]</a>

<a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)">[Subir]</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>

Configurar Tamaño de caja y contenido:

width.....Ancho

height....Alto

document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:160px;left:9;top:1">')

Lo que esta de color amarillo es el contenido

Lo que esta de color verde es el Titulo

Lo que esta de Azul claro es la URL del post o articulo que querais poner

Aqui se puese configurar el color de fondo, tamaño y color del borde, entre otras cosas.

Donde dice, en el código, subir y bajar lo pueden suplantar por la imagen de una flechita.

Fuente: El Blog de César