Cuadros para códigos

¿Quieres poner en tu web algo como ésto?

Para ello, tendrás que ir a "Blogger > Plantilla > Edición HTML". Una vez ahí tendremos que agregar el siguiente código después de  ]]></b:skin>  (ver cómo buscar palabras)

pre { 

         background:transparent url(http://img509.imageshack.us/img509/3046/codema7.png) no-repeat 0 0; /* Imagen que está encima del código, si quieres cambiarla modifica lo que se encuentra dentro de () */ 

         padding-top:24px; /* Relleno - para ajustar Fondo */ 

 } 

 pre code { 

         overflow:auto; /* Determina si es necesario agregar barras de Scroll */ 

         background-color:#fffbe5; /* Color de Fondo en Hex */ 

         border:1px solid #fff1a3; /* Color de Borde en Hex */   color:#7e1f09; /* Color de letra en Hex */      display:block; /* No tocar */   padding:5px; /* Relleno del cuadro */ 

         white-space:pre; /* No tocar */ 

         text-align:left; /* Alineación del Texto , left=izquierda, center= centrado, right=derecha */su 

         min-height:63px; /* Altura minima del Cuadro */} 

 /* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */ 

 code:hover { 

         background-color:#FEFEDD; /* Color de Fondo en Hex */   border:1px solid #ffd511;/* Color de Borde en Hex */le 

 }

Cuando tengamos ésto modificado, guardamos la plantilla, ahora cada vez que queramos añadir un cuadro en una entrada tendremos que entrar en HTML y poner

<pre><code>TEXTO DEL CUADRO</code></pre>

Espero que os guste