0 Como poner Codigo Html en blogger post

Hola aquí les Mostrare como poner código html en blogger post para que no se mire todo distorsionado al ponerlo.

Lo primero que harás sera ir al dashboard y escoger design luego edit html luego apretaras la tecla CTRL+ F y te aparecerá algo similar como la imagen de abajo.


















Después tendrás que poner este código en la caja ponlo tal y como esta en la foto de arriba, ya que no me deja escribirlo aquí, como te lo muestra la imagen de arriba y le darás botón donde dice Next y como veras te buscara el código en el template, y arriba de ese código pondrás el siguiente código que pondré abajo.

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}

Después de poner el código dale donde dice Save Template y sera todo por ahorita.

Ahora cada ves que quieras poner un código html tendrás que poner el siguiente código en el post













y el resultado sera como se mira el código en la caja de arriba bueno espero que les a higa gustado recuerden cualquier duda o preguntas favor de hacerlas en este mismo post.