Insert HTML/JavaScript Code inside Blogger Blog Posts – Quick Method

All the Bloggers of Blogger.com know that inserting HTML/JavaScript code into the posts directly is not allowed, as it is parsed automatically by blogger.com’s XML parser and if you do so and publish the post , you see absolutely nothing in the published post!!

I’m sure you have tried this before and infact most of the beginners face difficulty in putting the JavaScript code directly into the posts but do not succeed because of the same unawareness.

I’ve already written a post; “Show HTML/JavaScript code inside Blogger Blog Posts“. But if you don’t like that method, then here is another.

So, I’m writing again to show you another rather simple alternative of inserting HTML/JavaScript code inside blog posts. In this alternative method we use some third party web services that encode the HTML/JavaScript code for us with a simple press of a button.

1. Postable | Making your code friendly
2. Raymond’s HTML Escaper
3. HTML Encoder
4. Francois Schnell Tool

…are some of the examples.

I prefer and use first one “Postable“, because of its simple and quick ajaxified interface.

So, all you have to do is, copy the original HTML/JavaScript code you want to show deliberately in posts, and paste in any of the above sites, click convert button.
After conversion, Copy the converted code and paste it anywhere you like to place in your posts.

You’ll see all the HTML/JavaScript tags intact and shown exactly as they were in the original piece of code that you wanted to show deliberately.

Check some of these example posts to get an idea how the code is shown in the posts literally.

– Most popular widgets for blogger blog
– Add twitter submit-button to Blogger Blog
– Fastest way of social bookmarking
– Add 125×125 ads widget for Blogger Blog

Read another alternative to:
“Show HTML/JavaScript code inside Blogger Blog Posts“