Caixa para Textos ou Códigos com Barra de Rolagem

Olá pessoa! Vai ai uma dica super importante na vida dos blogueiros. se trata da caixa de texto com barra de rolagem para Blogger/BlogSpot, serve para milhões de utilidades inclusive como vocês podem ver to postando códigos. Vamos lá!?

É muito simples copie todo o código abaixo e cole onde preferir, tanto em um gadget como em uma postagem por exemplo. CSS onde está de vermelho pode-se mudar para a cor e o tamanho desejado. E onde está "digite seu texto" é lá que deve entrar o que você quer que fique dentro da caixa. Até a próxima.

Para utilizar o a caixinha marque a opção HTML, 
Veja o exemplo abaixo. 

-------------------------------------------------------------------------------------

Copie o código abaixo e cole no Post.

<div style="background-color: #cfcfcf; height:100px; margin: 5px; overflow: auto; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center; width: 300px;">
DIGITE SEU TEXTO AQUI
</div>

----------------------------------------------------------------------------------