How To Add Language Translator in Blogger

Try this widget to translate your blog to other language. Let your visitor read your blog in their own language. So, your visitor will feel more comfortable to read your blog content. It also can attract your visitor to keep reading your blog content. 

Let's follow this few steps :

:: 2 design for this widget ::

Design 1 - Language Translator with Flag :

1. Go to your Dashboard > Design > Page Element > Add a Gadget > HTML/Javascript.

2.  Put this code below in 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="%u0627%u0644%u0639%u0631%u0628%u064A%u0629 / 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=" %u0411%u044A%u043B%u0433%u0430%u0440%u0438%u044F / 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="%u4E2D%u6587%uFF08%u7B80%u4F53%uFF09 / 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="%u4E2D%u6587%uFF08%u7E41%u4F53%uFF09 / 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="%u010Ceská 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="%u0395%u03BB%u03BB%u03AC%u03C2 / Greek" value="en|el" type="image" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMA1g7dnRufVXBdL0WUAt8wbydSc6MQIpWVC6KzoLwqQ7cK_-fSoZxNJ4XVacB9EDl45y0uVVhfCTcZB5FMwW4wCsML-YokJIb7lXunVlp-93EF4nUurjJqkxNpjqPlKMnraNEG9aNNam/s320/Greek Flag 36x24.png" width="30" name="langpair"/>



<input onclick="this.form.langpair.value=this.value" title="%u05D9%u05E9%u05E8%u05D0%u05DC / 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="%u65E5%u672C%u8A9E / 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="%uD55C%uAD6D%uC5B4 / 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/AVvXsEhdFiKuLhJdYGHhTfHhRy1wxtP0iYJ-SjsouzLZ-hbnGkWBVgSsjoR4j-NjhBW9kJdr1OkLk9dpcaGgwjxWNSDA40vvA_pRqej5jSAhMdXdMDCNHR0HnTKkU-3hyphenhyphenjgWJ_PM1Io0xEjoNbHo/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/AVvXsEjkbtkx3UHfFcEiHW_jhpkNgrtBrgi8oe_03LfTMQquF2drVW01K50SA9MzojzC176yQbzZY8VT_1mM08QIuayudn8KclbuwN8goBv2EIoQVrOtXrPiu7duCa9kwGDsWvwbV7upVP_Qo7KA/s320/Romainian Flag 36x24.png" width="30" name="langpair"/>



<input onclick="this.form.langpair.value=this.value" title="%u0420%u0443%u0441%u0441%u043A%u0438%u0439 / 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="%u0421%u0440%u0431%u0438%u0458%u0430 / 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%u010Dina / 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="%u0423%u043A%u0440%u0430%u0457%u043D%u0430 / 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%u1EBFng Vi%u1EC7t / 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>

3.Change YOUR_BLOG_ADDRESS to your Blog URL.

4. Save it. DONE!



Design 2 - Language Translator compact version with a drop-down menu :

1. Go to your Dashboard > Design > Page Element > Add a Gadget > HTML/Javascript.

2. Put this code below in 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>

3. Hit a Save button. DONE!

4. The best position to put it, at your sidebar. This widget is powered by Google Translate Tools. 

Now, you visitor can read your blog in their mother tongue.

ENJOY!!