mostrar codigos html blogger en los post

Bueno hoy vamos a ver como mostrar códigos  HTML en los post o entradas blogger primero vamos a incluir el estilo CSS en la planilla y luego la caja para Mostar el código en las entradas. Esto es muy útil si queremos hacer un Tutorial  y necesitamos incluir códigos HTML en nuestra entrada, sigue los pasos A Continuación.

Cómo mostrar los códigos de HTML dentro de los post blogger  

Insertar código HTML en un post

puedes recurrir a un sitio como simplebits en el cual sólo debes pegar el código que deseas mostrar, presionas procesar y te arrojará el código que debes pegar en el post. De este modo el post no reconocerá el código como un comando que debe traducir y lo mostrará tal cual sin interpretación.
1.Ingresar a Blogger> Diseño> Edición de HTML


2: Buscar el siguiente código

    ]]></b:skin>

3. Justo antes pega el siguiente codigo CSS


.pre {

   font-size: 11px;

   margin : 15px 35px 15px 15px;

   padding : 18px;

   padding-left:35px;

   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho7TZGs8EOML5xq2o8ugwGQ4n0JNcct52MCn_SUNpOah_nS3Y7EYMbhcityP3EAGtHCliT6-B0cxeEBTrzOkZNyNSkqwdtsbagHRxk496W9uPHjwZ8EluhMyqym58dLMkrtpo-bU4W6K0/s1600/pre-bg.gif) repeat-y left top;

}

.pre li {

   line-height : 20px;

   font-weight : normal;

   margin : 0;

   padding : 0;

}

4. Guardamos planilla

6.copia y pega el siguiente código dentro de tu entrada en la pestaña Edición de HTML


<div class="pre">

AQUI TU CODIGO HTML

</div>


Nota: Sustituye AQUI TU CODIGO HTML por el tuyo.como lo ves es tan facil hacer esto auque aveces necesitamoas de algo de ayuda para hacerlo y claro este blog es exactamente para eso ayudarte a contruir tu blog en blogger.