How to Install Google Language Translation along with The Flag Icon on Blogger

It would be nice if we put translation facilities into various language on our blog, so that our blog/site can be accessed by entire population of the word.
There are several popular tools online intepreter that's pretty good and free too... Altavista Bable Fish's Translator and Google Language Translator for example.
In this discussion we will learn how to install Google Language Translator along with the flag icon on blogger blog. Google Language Translator is able to translate content into English, Arabic, Chinese, French, Germany, Italian, Japanese, Korean, Portuguese, Russian and Spanish.

Google Language Translator using JavaScript that can be applied to most of blog sites like Blogspot and Wordpress. The core of this tool is a JS Script it self. So for anyone who want to use it, just copy the script below.

If You are Blogger then do as follows:
1. Please login to your Blogger.
2. On your Dashboard choose (click) Layout, and then click Page Elements
3. Make a new gadget by click "Add a Gadget". Adjust selection of "Add a Gadget" in accordance with the Google Language Translator's placement as your plan, (on this blog I put it in the right sidebar on the top).
4. In the windows "Add a Gadget" that appears later, click HTML/JavaScript.
5. Enter the title as you like on the title column. example : Google Language Translation
6. Copy the JavaScript code below and insert in the column content.

<form action="http://www.google.com/translate">

<script language="javascript" type="text/javascript">

<!--

document.write ("<input name=u value=" location.href " type=hidden>")

// -->

</script>

<noscript><input value="http://doit2us.blogspot.com/" name="u" type="hidden"/></noscript>

<input value="id" name="hl" type="hidden"/>

<input value="UTF8" name="ie" type="hidden"/>

<input value="" name="langpair" type="hidden"/>


<input onclick="this.form.langpair.value=this.value" title="Arabic" value="id|ar" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7B80%u4F53%uFF09/Chinese (Simplified)" value="id|zh-CN" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7E41%u4F53%uFF09/Chinese (Traditional)" value="id|zh-TW" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Fran&#231;ais/French" value="id|fr" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Deutsch/German" value="id|de" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Italiano/Italian" value="id|it" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#26085;%u672C%u8A9E/Japanese" value="id|ja" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#54620;%uAD6D%uC5B4/Korean" value="id|ko" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Portugu&#234;s/Portuguese" value="id|pt" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#1056;%u0443%u0441%u0441%u043A%u0438%u0439/Russian" value="id|ru" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Espa&#241;ol/Spanish" value="id|es" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="30" name="langpair"/>

</form>

7. After finished, change blog addres http://doit2us.blogspot.com into yours. And don't forget to save it.

Congratulations, You have your blog intepreter facilities now...!!! To add translation into another language (eg English) along with the flag icons than we must have a little knowledge about the JavaScript codes that used, Do not imagine a complex code, it is very simple and we will discuss further in How to add a Language Translator into Google Language Translator.