How to Add the Language Translator Buttons?

Here's the code you can add to create the flag buttons (above) to translate your blog into different languages, depending on which country flag the visitors click. Simply copy all the code below (in light blue) and paste them into a widget (aka a Page Element) and all the 9 flag buttons will appear.

-------------------------------
<form action="http://www.google.com/translate">
<script language="JavaScript">
<!--
document.write ("<input name=u value=" location.href " type=hidden>")
// -->
</script>
<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="French" value="en|fr" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="German" value="en|de" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Italian" value="en|it" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="en|pt" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Spanish" value="en|es" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Japanese" value="en|ja" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Korean" value="en|ko" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="en|zh-CN" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" width="30" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Arabic" value="en|ar" type="image" height="20" src="http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif" width="30" name="langpair2"/>
</form>
-------------------------------

0 comments:

About This Blog

We provide excellent and highly customizable blogger templates suitable for commercial and personal bloggers. There are 100+ templates available for free on this blog. We also provide tutorials for bloggers who want to design or customize their own templates. You can also find lots of extremely valuable articles on 'monetizing blogs' that have been summarized from longer articles by popular bloggers.