A textarea é muito útil, já que economiza espaço dentro do post.
Como colocar uma caixa de texto com barra de rolagem
Para colocar uma caixinha com scroll em seus posts, entre no editor do Blogger, clique na aba editar HTML e use as tags <textarea></textarea> no texto que deverá ficar dentro da caixa. Nas imagens abaixo, coloquei um exemplo usando o antigo editor de posts do Blogger, mas o método funciona também no editor atualizado e no Windows Live Writer. (clique sobre as imagens para ampliá-las)
Na primeira imagem, vemos a aba “editar html” contendo as tags “textarea”; já na segunda, vemos a aba “escrever”, com a caixinha já pronta:
 |  |
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 */Vamos para um exemplo prático? Abaixo, segue o código do Translator Widget:
textarea {
border: 3px double #ccc;
background: #efefef;
width: 80%;
height: 100px;
}
Podemos alterar a cor da borda e do plano de fundo, bem como largura e altura:
/** textarea */Veja uma tabelas de cores neste link – Tabela de cores web e boa diversão.
textarea {
border: 3px double #ccc; (espessura e cor da borda)background: #efefef; (plano de fundo da caixa)
width: 80%; (largura)
height: 100px; (altura)
}
