mostrar codigos html blogger en los post

Dj Dionicio 21:46 | , ,

Hoy vamos a ver como mostrar codigos HTML dentro de las entradas 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 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(http://3.bp.blogspot.com/-tWKnkdC9Ct8/TkSXuj0ZzOI/AAAAAAAABYc/r-dwOg1VDxw/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.
REGÍSTRATE: Tu Hotmail o Gmail Aquí:
¡Compártalo con tus Amigos!

2 comentarios:

Alexander dijo...

Muy buen tutorial!
lo tendré en cuenta!
pasate por mi blog: peliuclasthm.blogspot.com
Saludos

José Martínez dijo...

ok... lo probaré

Publicar un comentario en la entrada