Country Flags Google Translate Widget For Blogger

Translating any Web page or blog within your language is the easiest way to read any any tutorial which is in different language. If you blog is famous world wide or your blog focus is to provide information all around the world then Google Translate is the best option. Even i have seen in my web stats many times that user visited and read my article from that country where English is not primary language. In that Google translator is helpful to convey our information. Non doubt Google Chrome have inbuilt feature of translation but in another browsers like Mozilla, Safari, opera don't have this functionality. So it better not to depend on user side for these services. I recommend you to manually provide a specific widget for your reader. Which make is easy for your users to translate that page easily through widget.

Blogger having inbuilt translate widget but that widget is not so attractive and is in the form of list or drop down option. So it necessary to use attractive and widget which is big in size which help to easily find it and use it for translate. Today i going to share this amazing widget for translation in different languages are listed according to their country flag just like China for Chinese, Hindi for India, Japanese for japan and many more.

See Demo

Method To Add this Widget in Blog

• Open Your Blogger Blog in which you want to add this gadget.
• Then go to layout and click on Add a Gadget 
• New window will appear then from list select Edit HTML/JavaScript
• Now copy below given codes and paste then into the html box

 <style type="text/css">.st{padding:5px;}.st input{padding:1px;margin-left:1px;border:1px solid #ccc;}.st input:hover{border:1px solid #ff0000;}</style><div class="st"><!--Google Flag Translator by Making Different--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><input name="u" value="http://www.helperblogger.com/2012/01/google-flag-translate-widget-for.html" type="hidden" /><noscript><a href="http://gj37765.blogspot.com/">Making Different</a></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="English" value="auto|en" src="http://www.google.com/images/flags/uk_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" src="http://www.google.com/images/flags/cn_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" src="http://www.google.com/images/flags/gr_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Hindi" value="auto|hi" src="http://www.google.com/images/flags/in_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" src="http://www.google.com/images/flags/de_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" src="http://www.google.com/images/flags/nl_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" src="http://www.google.com/images/flags/ru_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" src="http://www.google.com/images/flags/bg_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" src="http://www.google.com/images/flags/pl_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" src="http://www.google.com/images/flags/cz_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" src="http://www.google.com/images/flags/hr_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" src="http://www.google.com/images/flags/fr_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" src="http://www.google.com/images/flags/it_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" src="http://www.google.com/images/flags/pt_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" src="http://www.google.com/images/flags/es_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" src="http://www.google.com/images/flags/sa_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" src="http://www.google.com/images/flags/ja_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" src="http://www.google.com/images/flags/kr_flag.gif" name="langpair" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" src="http://www.google.com/images/flags/tw_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" src="http://www.google.com/images/flags/dk_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" src="http://www.google.com/images/flags/fi_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" src="http://www.google.com/images/flags/no_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" src="http://www.google.com/images/flags/se_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" src="http://www.google.com/images/flags/cl_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" src="http://www.google.com/images/flags/ph_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" src="http://www.google.com/images/flags/il_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" src="http://www.google.com/images/flags/id_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" src="http://www.google.com/images/flags/lv_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" src="http://www.google.com/images/flags/lt_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" src="http://www.google.com/images/flags/rs_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" src="http://www.google.com/images/flags/sk_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" src="http://www.google.com/images/flags/si_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" src="http://www.google.com/images/flags/ua_flag.gif" name="langpair2" height="20" type="image" width="30" /><input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" src="http://www.google.com/images/flags/vn_flag.gif" name="langpair2" height="20" type="image" width="30" /><span style="float:right;margin:3px 5px;font-size:10px;"><a href="http://www.safetricks.com/">Widget By SafeTricks</a></span></form></div>

 

• After pasting these codes add title if you want or leave it blank.
• Now save your Widget settings and arrange them in your layout.

After Problem in this Gadget ?

I find all the code working in case if you face any kind of problem don't forget to leave your precious comments.