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"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if>
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.

Comments Post a Comment

Richard - May 21, 2009

Cool. Pretty clever trick! Works for me, Thanks for sharing!

web design company San Diego

Anonymous - November 25, 2009

thanx for this i am starting to post my own blogger tutorial

Term Papers - April 28, 2010

I have been visiting various blogs for my term papers writing research. I have found your blog to be quite useful. Keep updating your blog with valuable information... Regards

jaganmangat - May 01, 2010

thanks works gr8......!!!!!

Utsav - December 03, 2011

Nice tutorial..


Leave a Comment