Cuadro con Scroll, en una entrada, sin modificar el código del blog

Hace unos días hice esta entrada. Como quedó muy larga estuve buscando alguna manera de incluirla en un cuadro scroll, esos que tienen una barra lateral que sube y baja, a fin de comprimirla. Pero no me funcionaba ninguno de los trucos que usaba. El texto se negaba a colocarse dentro del cuadro o, simplemente, éste no aparecía.
Hoy se me ha ocurrido probar si funcionaba aquí, un cuadro scroll que hice hace tiempo, en el blog de Spaces. ¡Funciona!
Como podrás apreciar lo he dejado tal cual lo hice allí, a todo color. Tan solo he modificado una cosa de ese código: el ancho.
Para que el cuadro ocupe toda el área del blog, se ha de poner auto en WIDTH, en lugar de la medida que había (en el código que te dejo aquí ya está modificado). De esta forma el cuadro se ajusta automáticamente a la vista que uses del blog.
Me explico: Puedes ver tu blog, o cualquier otro, a toda pantalla, o puedes verlo reducido, (ya sabes, el botón del centro de la barra azul del título de la página, este que hay junto a la crucecita para cerrar).

Si le pones una medida concreta al ancho del cuadro, siempre se verá igual. Pero al ponerle auto se ajustará a la anchura que tenga la página en cada momento.
Lo mejor de todo, es que no tienes que modificar el código de tu plantilla y permite seleccionar y copiar lo que esté en su interior.
Puedes escribir tu entrada normalmente, incluir imágenes, enlaces, etc. y una vez acabada, basta con que pinches en la pestaña Edición de HTML, que hay encima de la zona de escritura, y pongas este código,

<DIV style="SCROLLBAR-FACE-COLOR: #ff9900;
BORDER-LEFT-COLOR: #ffff00; SCROLLBAR-HIGHLIGHT-COLOR: #00ff99; OVERFLOW:
scroll; WIDTH: auto; SCROLLBAR-SHADOW-COLOR: #330099; COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR:
#ff0000; SCROLLBAR-ARROW-COLOR: #006600; BORDER-BOTTOM: #00ff00 9px dotted;
BORDER-RIGHT-STYLE: inset; SCROLLBAR-DARKSHADOW-COLOR: #ff00ff;
BORDER-LEFT-STYLE: outset; HEIGHT: 341.353pt; BACKGROUND-COLOR: #ffffcc;
BORDER-RIGHT-COLOR: #0000ff" align=right>

antes de la primera palabra que quieres que quede dentro de él y lo cierres con esto

</div>

después de la última.

(Este que ves es el código del cuadro de la otra entrada. En el de aquí he cambiado el STYLE de todos los BORDER por DOUBLE y he unificado el color del marco.

También puedes escribir directamente dentro del cuadro.

Para ello, has de pinchar dos veces en su interior, para que a su alrededor aparezca una línea como ésta

Puedes modificar los datos de color, estilo y anchura en px de cada línea. También puedes modificar la altura total que va a tener, cambiando el HEIGHT.

Tras hacer esta entrada he modificado, el color de fondo, BACKGROUND-COLOR, (en el que hay en Spaces, ese fondo es gris) y la alineación del texto, align, (que en Spaces está centrado), para que el código de aquí sea como el del cuadro que puedes ver un par de entradas más abajo.

Imprime esta entrada