Como publicar códigos dentro do artigo

Uma dúvida que já percebi que é comum entre muitos blogueiros inciantes é como fazer para publicar códigos dentro do artigo, mas de tal forma que eles não sejam interpretados pelo navegador.

Como utilizo o Windows Live Writer para editar meus artigos, não tenho esse problema. Mas resolvi publicar essa dica aqui, já que muita gente ainda usa a área de edição do blogger para escrever e publicar seus artigos.

Para que os códigos não sejam interpretados pelo blogger na hora da publicação, tudo o que você precisa fazer é substituir todos os símbolos < e > por &lt; e &gt; respectivamente.

Vamos usar como exemplo um link simples para a url do meu outro blog:

<a href="http://cemporcentoweb.blogspot.com">100% WEB</a>

Se você tentasse publicar o código na área de edição do blogger exatamente como ele está acima, o resultado no artigo seria:

100% WEB (adicionei o target="_blank" para que o link abra em outra janela)

Ou seja, apareceria o link em si e não o código que você queria.

Para que o código apareça no lugar do link, você deve fazer a substituição como descrito no início do artigo. Ficaria assim:

&lt;a href="http://cemporcentoweb.blogspot.com"&gt;100% WEB&lt;/a&gt;

E o resultado no artigo publicado seria:

<a href="http://cemporcentoweb.blogspot.com">100% WEB</a>

De agora em diante, você que usa a área de edição do blogger para publicar seus artigos já sabe como publicar códigos dentro do artigo sem problemas.

Sucesso!