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="http://4.bp.blogspot.com/_pzC_7PLtN-0/R7CKOqA_bjI/AAAAAAAAA8A/7bmPVwaFDcQ/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="http://2.bp.blogspot.com/_pzC_7PLtN-0/R7CAvKA_bgI/AAAAAAAAA7o/pKLqrW8EpD4/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="http://3.bp.blogspot.com/_pzC_7PLtN-0/R7CAvaA_bhI/AAAAAAAAA7w/HTWQoR8M6lQ/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]

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

23 comments

Write comments
February 02, 2010 8:22 PM delete

I added the flags translator button in myt blogger site but I get anything on the screen.It only opens a new window with the backround color of my blog(black) but the writtings never come up....Why_?

Reply
avatar
February 25, 2010 5:49 PM delete

lolzzzz


justshowing image

but there is nolink open after clicking images

you can translate your self after watching the flage i think

hehehehehe

Reply
avatar
April 14, 2010 11:48 AM delete This comment has been removed by the author.
avatar
April 16, 2010 12:14 AM delete

many flags.. thanks for the blog site.

Have you heard about Mojofiti.com? http://www.mojofiti.com is a website where anyone can get an international blog and every entry, email and group is translated into 28 different languages for free. It's awesome, finally a world without language barriers!

Reply
avatar
August 05, 2010 5:05 AM delete

Both the two option of adding language translations/flag images widget to blogspot are nice...thanx......good job.

Reply
avatar
August 06, 2010 4:15 AM delete

my blog indonesian...how can i translate to english..no english flag i found

Reply
avatar
September 15, 2010 4:55 PM delete

@Software Bali:
just replace "pageLanguage: 'en'" (no quotes) with "pageLanguage: 'id'" (no quotes)

I hope that will help you :)

Reply
avatar
December 09, 2010 1:59 PM delete This comment has been removed by the author.
avatar
December 09, 2010 2:00 PM delete This comment has been removed by the author.
avatar
December 09, 2010 2:03 PM delete

How can I translate my blog in English,using the 2nd option (the one with flags)? I think that I need an UK flag.And I must declare somewhere in code that original source is romnian. Can i make all of these?

Reply
avatar
December 28, 2010 7:00 AM delete

Thanks a lot. It's so useful.

Reply
avatar
April 01, 2011 4:30 AM delete

Thanks a lot!!!!!Really helpful!!!!!:))

Reply
avatar
May 19, 2011 9:07 AM delete

Owww.... Thanks,,,Its cool... :)

Reply
avatar
June 24, 2011 3:43 AM delete

how do I change the image size flag?Thx
Alex (http://lexmove.blogspot.com/)

Reply
avatar
July 14, 2011 3:32 PM delete

very cool

thanks to your post

visit my blog too http://mariozoner.blogspot.com

Reply
avatar
November 20, 2011 1:43 PM delete

Does the flags link http://www.mydatanest.com/files/dsai588/65737_t5yk0/Translator.htm acutally work? I've clicked on it, made and ate lunch, did the dishes and come back to my computer that's still trying to connect to it.

Reply
avatar
December 18, 2011 11:57 AM delete

Nice topic. Please find the code for language translator with small beautiful flags
http://shonythomas.blogspot.com/2011/12/google-language-translator-gadget-html.html

Reply
avatar
February 04, 2012 6:31 AM delete

It worked :D :))
Thank you!!!
Ivanna Kemp
www.brige91.blogspot.com

Reply
avatar
February 20, 2013 12:32 PM delete

thanks a lot to given the useful information

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon