If you enter any Java Script or HTML code in your posts, Blogger will automatically execute that code considering it a regular part of your post. We just need to encode our HTML special characters like <, >, & into entities <, >, &. This is a really painful process but Beta Templates is here to help you. 
Click The Encode Button Than it look like the Below Image.

But how if the code is to much??? You can use this site to help change characteristic into notation. (http://centricle.com/tools/html-entities/). The way is so simple. Put your code and then click uncode.


Post the Html code in the Post area,and Publish Post