Normalmente a gente não consegue mostrar códigos na postagem, isso por que o blog não entende que queremos mostrar o código, ele entende que é pra mostrar a renderização dele.
Felizmente existem alguns serviços que nos ajudam nisso, um deles é o "Convertir HTML a texto plano".
Então vamos começar!
Primeiro acesse esse site.Vai ser parecido com isto:

Na caixa você cola seu código (pode ser qualquer tipo de código):

Depois você vai clicar em "convertir":

Seu código vai ser convertido aos padrões aceitos pelo HTML.
Vai ter duas caixas, uma com o código convertido e outra com o código original. Você vai copiar a primeira:

Agora basta que você cole em qualquer parte de seu HTML, existe também a opção manual para obter esse mesmo resultado, mas essa forma que fizemos é bem mais rápida e produtiva.
Não se esqueça de compartilhar para seus amigos!