Cómo poner códigos HTML en tu blog para que puedan ser copiados

Si pones un código HTML/Javascript y lo pones en una entrada de tu blog para que tus lectores lo puedan copiar-pegar te darás cuenta que no podrá ser copiado por otro usuario si no lo has transformado previamente. Es como si el código se "activase" y no aparezca correctamente para poder ser leído y copiado correctamente.

Para poder transformarlo para que no se "active" en tu entrada debemos visitar blogcrowds.com.

Nos encontraremos con una pantalla como esta, en la que copiaremos el código a transformar:

Pulsamos en Parse y aparecemos en esta otra pantalla:

El código que nos aparece es el que tenemos que copiar y pegar en nuestra entrada o comentario para que aparezca correctamente y pueda ser leído y copiado correctamente.