Add Language Translator/ Flags Images Widget To Blogger

Add This To Del.icio.us StumbleUpon This Add to Technorati Digg This

You have two options to add a translator:
1. By this method, you will get a compact translator, with a drop-down menu. And the method is really simple too.
You can see this translator in action in the sidebar of this blog.

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'en'

}, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

*source - Google

Although by this method you will get a compact translator widget, but if you do not want to show the link to Google, and rather you would like to show some flags of different countries

To get these flags translator buttons, Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<center><table border="1">


<tr>


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


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


<!--


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


// -->


</script><input value="http://YOUR_BLOG_ADDRESS" name="u"
type="hidden"/>


<noscript><input value="http://YOUR_BLOG_ADDRESS" 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="Andorra /
Catalan" value="en|ca" type="image"
height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="ا�عرب�ة
/ Arabic" value="en|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="
��лга�и� / Bulgaria"
value="en|bg" type="image" height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png"
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/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="中�����
/ Chinese (Traditional)" value="en|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="Hrvatska /
Croatian" value="en|hr" type="image"
height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png"
width="30" name="langpair"/>






<input onclick="this.form.langpair.value=this.value"
title="�eská Republika / Czech Republic "
value="en|cs" type="image" height="20"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Danmark / Denmark" value="en|da"
type="image" height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Suomi / Finnish" value="en|fi"
type="image" height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Français / French" value="en|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="en|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="�λλά� / Greek"
value="en|el" type="image" height="20"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVhsA3sK-PSh2QymeRYtu-Yhm2GQhn72ELP8lolxuzC62JKXR-Q1I7NMJYxvTD3l1pmfHfheIA602kV5n8WKK5gcAdeoGLAJ4ymZ-vPq939wPCDEEHavw9fktgRHLXOQHWFtOn3cZvGG_/s320/Greek+Flag+36x24.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="�שר��
/ Hebrew" value="en|iw" type="image"
height="20"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Hindi /
India" value="en|hi" type="image"
height="20"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Bahasa /
Indonesian" value="en|id" type="image"
height="20"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Italiano /
Italian" value="en|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="���
/ Japanese" value="en|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="�국�
/ Korean" value="en|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="Latvija /
Latvian" value="en|lv" type="image"
height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Lietuvos /
Lithuania" value="en|lt" type="image"
height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Nederland /
Dutch" value="en|nl" type="image"
height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Norge /
Norwegian" value="en|no" type="image"
height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Pilipinas /
Philipines" value="en|tl" type="image"
height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Polska /
Polish" value="en|pl" type="image"
height="20"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrYIgiQlrlkYzZlHQjExhWcqeXRgFPWwXwLHo9N-t8gEsu7LBnZ3NsQs_jn13rz-nsgpSvSWOEZDC7RuZUlGdqcIz4n3DRN2Xf2zPhnbk-6Z3XM3MOr4VtVKfB8egPOpzXEqPkj_9x7Qx/s320/Polish+Flag+36x24.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value" title="Português /
Portuguese" value="en|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="România /
Romanian" value="en|ro" type="image"
height="20"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhselzPL_hvR2lzTX3Ir5svXZci4XnAuHFm0kPaUnQVmg6UkAboZ842qSY3BNtxqNPpjQkQDb24ETedyabbhRuW5h8BzYeq3D7_PRuZbcZ-ipITJ56CCZUp3S0VvBZoSOxPZBTyPDvYeyfA/s320/Romainian+Flag+36x24.png"
width="30" name="langpair"/>




<input
onclick="this.form.langpair.value=this.value"
title="Р���кий / Russian"
value="en|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="С�би�а / Serbia"
value="en|sr" type="image" height="20"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Sloven�ina / Slovak" value="en|sk"
type="image" height="20"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Slovenija / Slovenia" value="en|sl"
type="image" height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png"
width="30" name="langpair"/>




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




<input onclick="this.form.langpair.value=this.value"
title="Sverige / Swedish" value="en|sv"
type="image" height="20"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="Ук�а�на / Ukraine"
value="en|uk" type="image" height="20"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png"
width="30" name="langpair"/>




<input onclick="this.form.langpair.value=this.value"
title="tiếng Vi�t / Vietnam" value="en|vi"
type="image" height="20"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png"
width="30" name="langpair"/>


</form></td>


</tr></table></center>

In that code, you have to type your Blog's Address in the appropriate places.
Now click save and you are done.