HackingUniversity - Hacks . Tricks . How-To's

23 May 2012

Flag Translate Widget for Blogger and Wordpress Blogs

flag translate widgetBlog is a place where people from all over the world visit and gain some unique knowledge, well many people might not be familiar with the language your blog is indexed in so they wanna translate your blog to their own mother tongue and for that purpose this flag translate widget comes into to move.

So your widget will look like what you can see in the right hand side image. So when anyone clicks on their country flag another tab will open and your blog will be translated into their own language.

So now if you wanna add this flag widget to your blog or website follow below steps.

1. Go to blogger.com sign in and choose your blog, now navigate to Layout > Add Gadget > HTML/JavaScript Gadget.

2. Now add below code in that gadget and name it anything like Translate this Blog, and hit save option.

<form action="http://www.google.com/translate">
<script language="javascript" type="text/javascript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<noscript><input value="http://cumulus.nitecruzr.net/" 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 title="Catalan | Catalan - Andorra" value="en|ca"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Shqipe | Albanian " value="en|sq" src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SulXteeOTLI/AAAAAAAAApU/zzVdH9EYg3Q/s320/Albania+sq_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" العربية | Arabic" value="en|ar"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Беларусь | Belarus" value="en|be"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRavKvYSqI/AAAAAAAAAic/Mf3R1Dx51CY/s320/Belarus+be_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Brasileira | Brazil | Portuguese" value="en|pt"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StMCGF26iTI/AAAAAAAAAh0/H2FZBd1e_gw/s320/Brasil++br_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Bahasa Melayu | Malay - Brunei" value="en|ms"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StcYJnuvsEI/AAAAAAAAAj8/-uDiw4AdYjU/s320/Brunei+bn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" България | Bulgarian" value="en|bg"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="中文(简体)| Chinese (Simplified)" value="en|zh-CN"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="中文(繁体)| Chinese (Traditional)" value="en|zh-TW"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Hrvatska | Croatian" value="en|hr"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Čeština | Czech Republic " value="en|cs"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Dansk | Danish" value="en|da"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Eesti | Estonian" value="en|et"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StT4ASM2ZsI/AAAAAAAAAis/PmQSwtOQNLc/s320/Estonia+et_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Suomen | Finnish" value="en|fi"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Français | French" value="en|fr"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Galitian | Galitian" value="en|gl"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StfhOOzBp9I/AAAAAAAAAks/qinFZhMlyd8/s320/Galicia+gl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Deutsch | German" value="en|de"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Ελλάς | Greek" value="en|el"
src="http://4.bp.blogspot.com/_pzC_7PLtN-0/R7CKOqA_bjI/AAAAAAAAA8A/7bmPVwaFDcQ/s320/Greek+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" עברית | Hebrew " value="en|iw"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" हिन्दी | Hindi " value="en|hi"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Magyarország | Hungarian" value="en|hu"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRtqlXKToI/AAAAAAAAAik/R38R7O52aDU/s320/Hungary+hu_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Íslande | Icelandic " value="en|is"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SteuRylaOeI/AAAAAAAAAkc/eRI7XsLEz34/s320/Iceland+is_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Bahasa | Indonesian" value="en|id"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Gaeilge | Irish " value="en|ga"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/SugR7i9pedI/AAAAAAAAAoU/HG7Sod0eQdQ/s320/Ireland+ie_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Italiano | Italian" value="en|it"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="日本語 | Japanese" value="en|ja"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Kiswahili | Kenyan " value="en|sw"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/Sugd4gdlhQI/AAAAAAAAAok/Pyselb6uWtE/s320/Kenya+ke_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="한국어 | Korean" value="en|ko"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Latviešu | Latvian" value="en|lv"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Lietuvos | Lithuanian" value="en|lt"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Македонски | Macedonian " value="en|mk" src="http://1.bp.blogspot.com/_AKSZkmXmrnc/SumJcBVBZpI/AAAAAAAAApk/kY7CqDLy-Y4/s320/Macedonia+mk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Bahasa Melayu | Bahasa Malay" value="en|ms"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StVfgdeTNAI/AAAAAAAAAjE/7Vcnxzvy0eE/s320/Malaysia+ms_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Malti | Maltese" value="en|mt"
src="http://1.bp.blogspot.com/_AKSZkmXmrnc/StVnV4GqUAI/AAAAAAAAAjM/UUE5FAHZdyA/s320/Malta+mt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Nederlandse | Nederlands" value="en|nl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Norsk | Norwegian" value="en|no"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" فارسی | Farsi | Persian " value="en|fa"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/Sul5V-oc-6I/AAAAAAAAApc/1YIKlfK7L70/s320/Iran+fa_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Tagalog | Pilipinas " value="en|tl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Polska | Polish" value="en|pl"
src="http://2.bp.blogspot.com/_pzC_7PLtN-0/R7CAvKA_bgI/AAAAAAAAA7o/pKLqrW8EpD4/s320/Polish+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Português | Portuguese" value="en|pt"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Român | Romanian" value="en|ro"
src="http://3.bp.blogspot.com/_pzC_7PLtN-0/R7CAvaA_bhI/AAAAAAAAA7w/HTWQoR8M6lQ/s320/Romainian+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Русский | Russian" value="en|ru"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Србија | Serbian" value="en|sr"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Slovenčina | Slovak" value="en|sk"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Slovenija | Slovenian" value="en|sl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Afrikaans | South Africa " value="en|af"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StLizqawtEI/AAAAAAAAAhk/aGuY6R70tNw/s320/South+Africa+af_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Español | Spanish" value="en|es"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Sverige | Swedish" value="en|sv"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Kiswahili | Tanzania " value="en|sw"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SugbcuFKJyI/AAAAAAAAAoc/8Q1rooFZtpY/s320/Tanzania+tz_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" ไทย | Thai" value="en|th"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StKoTKbCsMI/AAAAAAAAAg8/JfICxQ5m6yk/s320/Thailand+-+th_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Türkiye | Turkish" value="en|tr"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StLWW4Zyu6I/AAAAAAAAAhU/FU5iu_D0TLQ/s320/Turkish+-+tr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title="Україна | Ukrainian" value="en|uk"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" tiếng Việt | Vietnamese " value="en|vi"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" Cymraeg | Welsh " value="en|cy"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/SugQR0g60cI/AAAAAAAAAoM/rmVA-1LvU4g/s320/Wales.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>
<input title=" אידיש | Yiddish " src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SupeM9if5gI/AAAAAAAAAp8/1gp_kA_Mhnk/s320/Yiddish_Star.png" onclick="this.form.langpair.value=this.value" value="en|yi" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;"width="30" name="langpair"/>
</form>
<a href="http://blogging.nitecruzr.net/2008/02/make-your-blog-speak-more-languages.html"><small>What Are These?</small></a> | <a href="http://www.spiceupyourblog.com/"><small>Blog Translate Gadget</small></a><a href="http://www.hackinguniversity.in/" target="_blank">.</a>

Now your blog is ready to be translated into any language around the world, just refresh your blog and try clicking on any of the flags and see how everything is translated easily. Well thanks to Spiceupyourblog for this amazing widget.