Add Google Translator Widget with 11 Languages

Its simple step to add this widget.

1. Login ID your blogger.

2. Choose Dashboard or Customize 0n right above blogger.

3. Choose Layout. On Page Element, Click Add a Gadget.

4. Choose HTml/JavaScript.

5. Copy code below and paste on Html/JavaScript Gadget.


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

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

<!--

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

// -->

</script>

<noscript><input name='u' type='hidden' value='your blogspot address'/></noscript>

<input name='hl' type='hidden' value='en'/>

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

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

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

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png' title='中�����/Chinese (Simplified)' type='image' value='en|zh-CN' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png' title='中�����/Chinese (Traditional)' type='image' value='en|zh-TW' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png' title='Français/French' type='image' value='en|fr' width='25'/>

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

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

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png' title='���/Japanese' type='image' value='en|ja' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png' title='�국�/Korean' type='image' value='en|ko' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png' title='Português/Portuguese' type='image' value='en|pt' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png' title='Р���кий/Russian' type='image' value='en|ru' width='25'/>

<input height='15' name='langpair' onclick='this.form.langpair.value=this.value' src='http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png' title='Español/Spanish' type='image' value='en|es' width='25'/>

</form></div>


6. Save. Done it..

Note: You can modify all flag images by replacing all hyperlinks above with yours.