How to Display HTML/JavaScript Codes on Blogger Posts

Recently, a reader queried me this little doubt. How do I show the HTML/JavaScript codes on my Blogger posts? So, I decided to post it as a tidbit here.

Your HTML code has tags, enclosed in angle brackets (< and >). All you need to do is replace these angle brackets with these:

In place of <, use < and in place of >, use >. Keep everything else the same and publish your code, it will be shown as code itself on the published post.

Example:

In place of this code:
<a href="http://.com">yes</a>
you will use:
<a href="http://.com">yes</a>