mostrar códigos de HTML dentro de los post blogger

Insertar código HTML en un post blogger

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

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 en donde vamoas a insertar el codigo a  Mostrar en las . Esto es muy útil si queremos hacer un Tutorial y necesitamos incluir códigos HTML en nuestra entrada, sigue los pasos A Continuación.

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.

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/AVvXsEhmga8qxru6Q1_6V_PiGVM0CJ0Uol57uGP0w3DE3fdUqnDUOBwn95Pwa7vp-1_VpiTza_W_ZdYpZQDu8HhY8_aLao1hJDaB-9CL-GCG6yTXCR5o5nyJdfRy4sWHQGupx8TQq-VufP3lCZA/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. Bueno eso seria todo espero que les sea de gran ayuda hasta pronto.