Thursday, June 9, 2011

How to Post HTML code to your Blog post in Blogger.com

So you want to post an HTML code to your blog? But you will receive an error message from your post editor or it will not show the code properly (because the html code is also executed by your browser).

How to solve this issue?



Hard way:

Steps:
1. Using the escape trick

You should know the character entities of HTML, as of example below

Character entities are made up of three parts:

1. An "ampersand" (the & symbol)
2. Either a descriptive phrase, or a # followed by a number
3. A semicolon (the ; symbol)

You need to display your code in such a way where you find all the "<" and ">" """ symbols and exchange them for their Entity name.

For example "<" would end up being "&" followed by "lt;".

For easy HTML to TEXT conversion go to this site: http://centricle.com/tools/html-entities/ and encode/decode TEXT or HTML form.

2. Copy the TEXT converted result and paste it inside the following code:

<div class="separator" style="clear: both; text-align: left;"> Insert your HTML code HERE </div>

 Easy way: 

From you post editor click the COMPOSE tab  and you can paste your HTML code directly to your text area. As shown in the picture below:


Enjoy!!! Hope it helps.....

Note: Compose tab is not supported by all browser.

brought to you by: http://infotechnolozyx.blogspot.com/

1 comment:

SurveyTool said...

I'm telling everyone about this referencing your post tomorrow. You can't make this stuff up! - Good spotting!
http://www.surveytool.com/make-online-surveys/

Post a Comment