Criar caixa para exibir códigos no post

1. Criar caixa simples para exibir códigos no Blogger



Entre na aba "design" >>"editar html", não precisa clicar em "expandir modelos de widgets" e procure por: ]]></b:skin>

E cole logo ACIMA dela:

<br /> <br /> code{
overflow:auto;  /* barra de rolagem*/
background:#XXXXXX url(ENDEREÇO-DA-IMAGEM) ;  /* edite cor de fundo*/
border:1px solid #XXXXXX;  /* edite cor e tipo de borda */
color:#XXXXXX;  /* cor da fonte*/
font-size:80%;  /* tamanho da fonte */
height:100px; /* edite a altura máxima da caixa*/
display:block;
white-space:pre;
text-align:left;
word-wrap:break-word;
padding:0 10px 5px 20px;
} in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Salve as modificações. pronto  espero que gostem comentem