Caixa de texto com barra de rolagem

Olá Leitor.. Vou ensinar hoje como adicionar uma barra de rolagem nos textos ( Ou em códigos do seu blog ) 

Já vi em vários blogs códigos com uma barra de rolagem na caixa de texto..

Então vou ensinar como coloca-las.

É muito fácil.

1. Vá em nova postagem

e clique em Editar HTML

e adicione a tag <textarea></textarea>

E entre elas digite o texto ou código.

Mas..


Estilizando a caixa de texto com CSS

Como vocês podem notar, a caixinha não é lá muito bonita, mas um pouco de CSS podemos mudar completamente seu visual..

Entre no painel do Blogger, clique em design e depois em editar HTML. Usando o Ctrl+F do teclado, procure por ]]></b:skin> dentro do HTML do template. Agora, cole o seguinte código logo acima dessa tag e salve.

/** textarea */ 

textarea { 

border: 3px double #ccc; 

background: #efefef; 

width: 80%; 

height: 100px; 

}

E também  Podemos alterar a cor da borda e do plano de fundo, bem como largura e altura:

/** textarea */ 

textarea { 

border: 3px double #ccc; (espessura e cor da borda)

background: #efefef; (plano de fundo da caixa)

width: 80%; (largura)

height: 100px; (altura)

}