Vocês já devem ter visto em diversos blogs, principalmente nos que publicam códigos, uma caixinha onde o código fica dentro dela e na qual aparece uma barra de rolagem (scroll).Esse efeito, em HTML, se chama "textarea".

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, é só colocar estes códigos antes do texto que você quer que fique dentro da caixinha.

Resultado
Esta abordagem é simples e objetiva.
Até a próxima