Como mostrar código HTML nos blogs

Ao escrever o post anterior, percebi que, se colocarmos qualquer código, mesmo que não estejamos usando a opção EditarHTML ou algo do tipo, ele será interpretado.

Como fazer então, quando queremos mostrar certo trecho de código?

A solução que encontrei foi substituir certos caracteres por seu código html, como está bem explicado aqui, no Alex Blog Estudos.

Isso daria um certo trabalho e necessitaria certo conhecimento, entretanto, no mesmo site, encontrei um formatador automático. Basta por o código original e pegar o resultado.

Html, copiado e colado, é interpretado e mostra a imagem:




O mesmo html, formatado. Veja o código:

<a href="http://picasaweb.google.com.br/alexandredsc/Animais/photo#5031573586356161154"><img src="http://lh3.ggpht.com/alexandredsc/RdO9hLP_SoI/AAAAAAAAABo/wIuu0m8KjAo/s144/Imagem%20012.jpg" /></a>