Add Language Translator/ Flags Images Widget To BlogSpot Blog

If you are having a blog and receiving visitors from various countries and cities of the world, then they may or may not be comfortable with the language of your blog. So adding a translator button or a widget is always useful.
If you do not know the location of visitors coming to your blog, then you should first read my post on track your blog's visitors.

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.

To add a widget/gadget do this:
Log in to Blogger
Go to Layout and then Add a Gadget -> HTML/Javascript
Now copy and paste 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, like this one:

-->

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

To get these flags translator buttons, you have "Add a new Gadget" -> HTML/Javascript
then copy and paste this code into it:

<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 name="u" type="hidden" value="http://bloggerstop.net/" /><br /> <noscript>&amp;lt;input value="http://bloggerstop.net/" name="u" type="hidden"/&amp;gt;</noscript> <input name="hl" type="hidden" value="en" /> <input name="ie" type="hidden" value="UTF8" /> <input name="langpair" type="hidden" value="" /><br /> <center><br /> <table border="1"><tbody> <tr> <td><br /> <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" title="Andorra / Catalan" type="image" value="en|ca" width="30" /> | <input height="20" 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="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" title=" България / Bulgaria" type="image" value="en|bg" width="30" /> | <input height="20" 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="中文&#65288;简体&#65289; / Chinese (Simplified)" type="image" value="en|zh-CN" width="30" /> | <input height="20" 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="中文&#65288;繁体&#65289; / Chinese (Traditional)" type="image" value="en|zh-TW" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" title="Hrvatska / Croatian" type="image" value="en|hr" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" title="Česká Republika / Czech Republic " type="image" value="en|cs" width="30" /> |<br /> <br /> <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" title="Danmark / Denmark" type="image" value="en|da" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" title="Suomi / Finnish" type="image" value="en|fi" width="30" /> | <input height="20" 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="30" /> | <input height="20" 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="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU0VnOAPHjgcw6mRuVokP-NJMsCR-qyRXJGVWcSPZatGhdeey4M0iKHZYoyfhxUE_cr5laEfr5pkJJ4XZoJqOaXWv0JcSfXMZLPgQHgoYYgxPpa0evPHIgfXRKSuybypnNgWPiC3pvBhIi/s320/Greek+Flag+36x24.png" title="Ελλάς / Greek" type="image" value="en|el" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" title="ישראל / Hebrew" type="image" value="en|iw" width="30" /> |<br /> <br /> <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" title="Hindi / India" type="image" value="en|hi" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" title="Bahasa / Indonesian" type="image" value="en|id" width="30" /> | <input height="20" 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="30" /> | <input height="20" 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="30" /> | <input height="20" 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="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" title="Latvija / Latvian" type="image" value="en|lv" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" title="Lietuvos / Lithuania" type="image" value="en|lt" width="30" /> |<br /> <br /> <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png" title="Nederland / Dutch" type="image" value="en|nl" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png" title="Norge / Norwegian" type="image" value="en|no" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png" title="Pilipinas / Philipines" type="image" value="en|tl" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5QNNeysOvQ8n3OuatxuqyLpS91-2TR0lW9Ml01KpYU8pkRboea5ieTbrdPgpLHQCOXoOp2CAFbzL5eXD5K-awh-S8jhyUISE6An4AT0OtiEdzK-oWeOy7cteA7baAPTZuATTtEEcbCDK/s320/Polish+Flag+36x24.png" title="Polska / Polish" type="image" value="en|pl" width="30" /> | <input height="20" 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="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjandvnSk6_59BJCE3Dw_HLzyJacamnso4-7sZbpgyNxTG557xzwIsKGRHy2nVIzfC0s0ySbidNUtST2OFqrfPe4_bjrT6ARrokEs48CJ6k3WY_jERYYWcC4Kf-29ySl8MpNvf82m9RMTa5/s320/Romainian+Flag+36x24.png" title="România / Romanian" type="image" value="en|ro" width="30" /> | <input height="20" 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="30" /> |<br /> <br /> <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png" title="Србија / Serbia" type="image" value="en|sr" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png" title="Slovenčina / Slovak" type="image" value="en|sk" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png" title="Slovenija / Slovenia" type="image" value="en|sl" width="30" /> | <input height="20" 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="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png" title="Sverige / Swedish" type="image" value="en|sv" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png" title="Україна / Ukraine" type="image" value="en|uk" width="30" /> | <input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png" title="tiếng Việt / Vietnam" type="image" value="en|vi" width="30" /></form></td> </tr> </tbody></table></center><br />

NOTE: In that code, you have type your Blog's Address in the appropriate places [In the 8th and 9th Lines]

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Posts