Cajas de Código en blogspot

Vamos a "diseño->Edicion de html". Lo primero que hay que hacer es hacer un backup de la plantilla por si se comete algún error. Para descargar la plantilla pinchamos en "Descargar plantilla completa".

A continuación buscamos ]]></b:skin>
Antes del texto anterior copiamos:

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}

code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Para introducir código en el blog a la hora de editar, debemos copiar el código entre las etiquetas(pero sin los espacios):
"< pre>< code>codigo< /code>< /pre>"
Si queremos que estas etiquetas estén disponibles cada vez que empezamos un post, se deben copiar en:
"Configuración->Formato->Plantilla de entrada"


Nota: Cuando se va a publicar la entrada, te puede dar un error. Si es así, pinchas la opción " Dejar de mostrar los errores HTML del cuerpo de esta entrada"