Caja de texto con barra deslizante para Blogger

Para poner una caja de texto con barra deslizante tendremos que crear un área DIV dentro de la cual insertaremos el texto o código a mostrar. Yo por ejemplo lo utilizo para insertar algunos códigos que tienen lineas tan largas que se salen de la página, ahí personalizo esta caja e inserto el código, queda genial.

lo he probado y funciona con las últimas versiones de IE, Firefox, Opera y Safari.


Vista previa:

1 Optimizado para IE
2 Optimizado para Chrome
3 Optimizado para Safari
4 Optimizado para Ópera
5 Optimizado para Yahoo
6
7
8
9
10

Si necesitas esta caja contenedora con barra deslizante este es el código que tienes que utilizar:

<div style="border : solid 2px #ff0000;
            background : #000000;
            color : #ffffff;
            padding : 4px;
            width : 200px;
            height : 50px;
            overflow : auto; ">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>

Y listo, si tienes alguna duda pregunta. Salu2.