Escribir codigo HTML en un post del blogger

Tal vez alguno tengan que mostrar un código en blogger(o en otra plataforma) y no les salga como quieren.

Escribir código con html y css en blogger
Solo primero debemos tener estilos en css

pre {
background:transparent url(http://i284.photobucket.com/albums/ll35/observadorweb/codigo.png) no-repeat 0 0;
width:99%;
font-size:12px;
padding:12px 0 0 0;
margin:13px 0;}

pre code {
overflow:auto;
background-color:#F8F8F8;
border-width:3px 1px;
border-style:solid;
border-color:#eee;
color:#333;
display:block;
text-align:left;
padding:5px;}

Y cada vez que escribamos un codigo lo ponemos entre

<pre><code>Aqui el código en texto plano</code></pre>

Pero antes de debes de convertirlo a texto plano aqui

Si hay dudan dejen en sus comentarios