Escribir código en entradas del blog. Caja contenedora

Forma de poner códigos en entradas sin que afecte la apariencia. Alternativa a textarea. Antes de ]]></b:skin> pegar el código:

/* caja contenedora inicio */
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #dddddd;
border-top : 1px solid #555555;
border-right : 2px solid #555555;
border-bottom : 2px solid #555555;
border-left : 1px solid #555555;
}
/* caja contenedora final */

Esto nos da forma a la caja, que se puede aplicar a cualquier texto resaltado en una entrada u otra parte del blog. Pueden editarse los detalles a gusto. Después hay que insertar el contenido de esta forma:

<div class="codeview">
Aquí añadimos el contenido de la caja.
</div>

Para insertar código hay que copiarlo y después utilizar un "traductor" para pegarlo. El resultado del traductor se pega dentro de la caja creada o directamente en la entrada o elemento.
La caja contenedora vista en techieblogger a traves de gem@blog.
Los traductores mencionados que se vieron: Postable y SimpleCode. En este último si se conserva "code" se inserta con fuente courier.