Mostrar codigos html blogger en los post

8:43 | Publicado por franky | Editar entrada
 



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


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src="URL DE LA IMAGEN" /></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>



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.

Etiquetas:

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)

Entradas populares

Blogger Template created with Artisteer.