Simple, en tu plantilla definel el css para “pre” con algo parecido a lo que sigue:

pre{
font: normal normal normal 11px/normal Courier;
max-width:500px;
max-height:300px;
padding: 10px;
margin: 0 0 12px 0;
overflow:auto;
}

Luego cuando escribas tus entradas, haz click en “html” y asegúrate de que el bloque de código esté entre los tags <pre> codigo </pre>.

max-width y max-height deben ser menores al ancho de tus posts, eso evitará que el código “se salga” fuera de los márgenes, y si es más largo que el márgen se muestre un scrollbar.

Espero haber sido clara. ¡Seguimos en contacto!