Insert HTML, CSS, JavaScript Codes in Blogger Post without any widget

How to insert HTML, CSS, JavaScript Codes in Blogger Posts without any widget - Here is the trick to insert the HTML, CSS or JavaScript Codes in blogger post without ay widget or editing your template.
If you are using Blogger / Blogspot Platform for your blog or website and some times you need to show HTML, Javascript or CSS codes in your blogger post as plain text.. If you put the code directly in blogger post and publish it then you will not get the expected result or the code will not shown properly in the published blogger post.

For that either you need to add any plugin / widget or you need to edit your template and put some code there to show it properly.. But i will tell you the simple way and trick with that you can show the HTML, CSS, JavaScript Codes in Blogger Post without any widget

How to insert / Put HTML, CSS, JavaScript Codes in Blogger Posts without any widget and show it as plain text?

1. Write or paste the HTML, CSS or Javascript code in blogger post editor which you want to show as plain text in blog/website post. 
2. Select the code you pasted in the blogger post editor and press Quote Button which is in the blogger post editor menu at top.
3. Publish the post and you will see the expected result. You can see the exact code which you pasted or written in the post editor.