Tuesday, July 28, 2009

How to add language translation flags script to Blogger blog ?


Though most of the blogs are written in English, it is not the sole language used over internet. Many people think Chinese is more commonly spoken than English.

So if you want to get readers using different languages other than English , you will definitely like to add a Language translation script to your Blogger blog.

Here's how you can add this -

STEP I - Copy the foolowing code or get it from the text file here.
<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://free-blogger-help.blogspot.com/" name="u" type="hidden"/></noscript>


<input value="en" 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="en|ar" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="40" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;&#25991;&#65288;&#31616;&#20307;&#65289;/Chinese (Simplified)" value="en|zh-CN" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="40" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;&#25991;&#65288;&#32321;&#20307;&#65289;/Chinese (Traditional)" value="en|zh-TW" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="40" name="langpair"/>


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


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


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


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


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


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


<input onclick="this.form.langpair.value=this.value" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;/Russian" value="en|ru" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="40" name="langpair"/>


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


</form>
Replace the characters in bold green with your blog's url.

STEP II - Now Goto > Dashboard > Layout > Add Gadget > HTML/Javascript.

STEP III - Place the above code in text field and 'Save'.

Check your blog, it looks like as follows -



That's it you have successfully added the Language Translation Falgs and Script to your blog.

Feel free to leave a comment if you have any difficulty.

Bookmark and Share
Digg this

No comments: