mostrar html en post de blogger

en algunos otros blogs han podido ver como muestran fragmentos de códigos HTML en las entradas como si estuvieran encerrados como podemos ver en la siguiente imagen

esto se puede hacer para enfocar el trozo exacto de html o aislarlo del resto del texto.

si vas a mostrar trozos de código html primero debes convertirlo a texto plano eso se ase a través de esta entrada, esto es necesario para mostrar el código en los comentarios o en un post o entrada, si no el blog intentara traducirlo y no se vera correctamente.

pegan el código y le dan en convertir, una ves convertido ya esta listo el fragmento.

ahora usa este código para encerrar el html

<div class="wp_syntax"> <div class="code"> <pre class="language" style="font-family:monospace;">aqui tu trozo de html traducido</pre> </div> </div>
 y se vera así:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

si quieres encerrarlo en un cuadro usa este codigo:

<textarea cols="68" name="widget.content" onclick="this.select();" rows="5" style="color: #666666;">aqui tu trozo de html</textarea>

y se vera asi 

<b:if cond="data:blog.url == data:blog.homepageUrl"> <meta name="description" content="La descripción de tu blog" /> <meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" /> </b:if>
ahora ya puedes mostrar tus fragmentos de html sin problema