Widget para mostrar contenido con efecto deslizante (de control manual)

Con esta caja o marco podrás presentar a tus lectores textos extensos en un espacio reducido. El widget posee los botones necesarios para 'subir' o 'bajar' el contenido y posibilitar así al usuario una lectura cómoda y sencilla.

Resulta ideal para aquellos blogs con demasiados elementos en la barra lateral ya que su tamaño es relativamente pequeño, tal y como muestro en la siguiente imagen:

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y añade esta línea justo encima:

<link href='https://sites.google.com/site/scriptsbalcon/b/blcncontes%282%29.css' media='screen' rel='stylesheet' type='text/css'/>

Guarda la plantilla.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega este código en su interior:

<script type="text/javascript">
blcnjj1=document.all||document.getElementById
blcnjj2=document.layers

var balcncajavelocidd=4

if (blcnjj1){
document.write('<div id="blcnJ1central1">')
document.write('<div id="blcnJ1central" style="position:absolute;width:170px;left:0;top:0">')
}</script>
<div name="blJ1central2" width=175 height=160>
<div name="blcnJA" width=175 height=160 visibility=hidden>
<div style="padding-left:8px;">
<!--DEBAJO DE ESTA LINEA EL CONTENIDO-->

<p>Contenido del marco</p>

<!--FIN DEL CONTENIDO-->
</div>
</div>
</div>

<script language="JavaScript1.2">
if (blcnjj1)
document.write('</div></div>')
</script><script src='https://sites.google.com/site/apmscripts/scrr/blccont.js' type='text/javascript'></script>
<table width="160px"><td><p id="blcontrl" align="right">
<a class="blbtn" href="#" onmouseover="blcnJabaj()" onmouseout="clearTimeout(blcnJabaj2)"><img style="margin-right:30px;padding-top:4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41QaLD3P_u7MjJSqqTvQg6ITDWYIMgAtl_64ZgGsYRvtPg1F3JFci8G1MoxvqHLnFLggkn5d0vwzZ4VlCwaZtfNaTCpzzBE8ZzzveCDSAjmeY1ncnf44kMm2NYnJmytYZlIw8JB38sYi_/s320/blcnabajo.png" border="0" /></a> <a class="blbtn" href="http://tinyurl.com/mh6grq"><img style="margin-right:6px;padding-top:4px;" src="http://tinyurl.com/2wajwjv" border="0" /></a> <a class="blbtn" href="#" onmouseover="balcnarrib()" onmouseout="clearTimeout(balcnarrib2)"><img style="margin-left:34px;padding-top:4px;float:left;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48e7-K4Y5HYSe6mtEG5CO63tXnkqEJNY8GKHgTZzbhdc8mjF7Yu91-dFyRxaT2O9907gZQb3ufEBKEAfiAMjRXTCind2BDVCowx-XygQXBMxuEnaWiXsGfBOxAAPwJUgS4zvUH6tw7_rj/s320/blcnarrib.png" border="0" /></a></p></td>
</table>

Reemplaza Contenido del marco con el contenido de la caja y listo. Ten en cuenta que el texto, por extenso que sea y por los muchos espacios que dejes aparecerá todo seguido. Para evitar esto, añade <p></p> entre frase y frase o entre párrafo y párrafo (has incluido un salto de doble línea).

Guarda el gadget para terminar.