Blogger Tip Tricks No 6. : Posting Source Code in Blog

Sometimes we want to write HTML or javascript code (source code) in our posts, but if we "just" write the code as it, then "these codes" will be executed...

Example, if we want to write

This code below is intended to make the word "Blogger Tip Trick No.4.: Removed The Blogger NavBar" link into http://doit2us.blogspot.com/2009/11/blogger-tips-trick-no-4.

<a href="http://doit2us.blogspot.com/2009/11/blogger-tips-trick-no-4.html">Blogger Tip Trick No.4.: Removed The Blogger NavBar</a>

But if you write exactly as same as the code above than you will get executed code :

Blogger Tip Trick No.4.: Removed The Blogger NavBar

So.. you must write...

&lt;a href=&quot;http://doit2us.blogspot.com/2009/11/blogger-tips-trick-no-4.html&quot;&gt;Blogger Tip Trick No.4.: Removed The Blogger NavBar&lt;/a&gt;

Yup.. to posting source code in a blog posts, we have to replace the certain character with a notation first,
for example,

character < must be replace with notation &lt;
character > must be replace with notation &gt;
character &must be replace with notation &amp;
character " must be replace with notation &quot;
character ± must be replace with notation &plusmn;
character space must be replace with notation  &nbsp;
character © must be replace with notation &copy;
character ® must be replace with notation &reg;

 the list of notation / certain characters can be see on the ..

But even if we have thecomplete list of these character, to write the source code was not an easy job at all..
Fortunately Elliot Swan create a site where we can convert the source code of HTML and javascript that will we write in a blog post. Elliot made a tool that he put it in his site "Making your code friendly".

So anytime if we want to posting some HTML and/or Javascript code in to our blog posts, just:

1. Visit http://www.elliotswan.com/postable/
2. Copy-paste your html and javascript code into the box, and click the postable button "Make It Friendly ".
3. Then copy and paste the generated code into your post... As simple as that..