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:


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.


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.
Hola JAIME, supongo que este truco es parecido al utilizado para expandir y contraer los gadgets de la sidebar, pero aplicado a texto. Está superinteresante y me encanta, pero antes necesitaría aplicar el otro truco tal como lo tenés vos en este blog. Me podrías decir en que post explicaste eso?
Desde ya muchas gracias!
Hola Jaime!!!!..que buen tip!!...me vendrá muy bien!!!..Una preguntilla: el rectangulo con los botones se puede acercar más al rectangulo del texto ??...Gracias como siempre!!! Saludos!!!
¡Hola Gra! Por supuesto que podría hacerse pero antes necesito la dirección de tu blog ya que debo experimentar con los márgenes.
oops!!!..no tenia idea de que fuera complicado....todavia no lo usé....(que verguenza me da)...te escribo nuevamente cuando lo ponga !!... Graciaaas!!!!...Saludos!!!
¡Vergüenza ninguna! Será un placer ayudarte. Estoy seguro de que será algo simple aunque siempre es bueno darle un vistazo.
¡Por supuesto Lils! Encontrarás el truco para obtener mi barra lateral en esta entrada. Para cualquier cosa que necesites saber o editar, escribe un comentario.
Gracias a ti.