How to show CSS HTML Scripts Code on Blogger Post?

If you try to show some HTML, CSS or any Scripting language codes on Blogger Post directly then you may get some tag error messages or you may see blank spaces instead of code lines. To solve this problem you can apply a simple trick. You have to just modify your code a little bit.

Just Replace all "<" with

And Replace all ">" with
It is tiring to replace all "<" or ">" sign one by one. You may do that job easily using any text editor like "Notepad" or "WordPad" . You will find Replace option from menu bar.

For example, you want to show the following codes on post:
<b:if cond='data:blog.pageType == "index"'> <br /><title><data:blog.title/></title> <br /><b:else/> <br /><title><data:blog.pageName/></title> <br /></b:if>

This is the screenshot of above code.

So just replace all "<" with

and similarly replace all ">" with
After modifying your code it looks like below codes:

That's all. I hope you like this simple and easy Blogger tricks to show HTML code on post.