I’m sure that we are all not from the same country, and we all can’t read and understand all languages in the world, and as a blogger my self, sometimes i want to translate some blogs from various languages to English. The usual way is to copy the page url and then i go to google translate service and paste the url there then hit enter.We can all short cut all this steps for our visitors by adding a great widget to our blog and website. it’s easy and one step trick.
Features:
1.) This Is A CSS Play Widget And All Flags Will Rotate To 360 On Hover.
2.) Support Top 10 Languages Of The World , English, French, Germany, Spanish, Russian, Japanese, Korean, Arabic, Chinese And Portuguese…
3.) Auto Adjustment, No Matter Where Do You Add This Widget, It’ll Be Auto Adjusted With Your Blog Template.
4.) Easy To Install.
5.) Quick To Load.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<style type=”text/css”>
.exetranslate input{padding:5px;}
.exetranslate input:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}
</style>
<div class=”exetranslate”>
<form action=”http://www.google.com/translate”>
<script language=”JavaScript”>
document.write (“<input name=u value=”+location.href+” type=hidden>”)
</script>
<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=”Transalate Into English” value=”auto|en” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-678w8dvZG_0/T8GA3cMMz2I/AAAAAAAACPg/I80u99Q92CQ/s48/English.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into German” value=”auto|de” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-QIdJ4aaw4oA/T8GA4F-Fw3I/AAAAAAAACQA/Ct_xQnRvaTQ/s48/German.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Russian” value=”auto|ru” type=”image” height=”48″ src=”https://lh5.googleusercontent.com/-MogZWmiLS2k/T8GA5bXGXsI/AAAAAAAACQE/kZChwEBp5vA/s48/Russian.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into French” value=”auto|fr” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-AEZn69iLVc4/T8GA39cCOCI/AAAAAAAACPk/7WMeTVnhkqs/s48/French.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Portuguese” value=”auto|pt” type=”image” height=”48″ src=”https://lh4.googleusercontent.com/-T3NwII9cf-8/T8GA5OcmoTI/AAAAAAAACQI/MqowrOxifS4/s48/Portuguese.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Spanish” value=”auto|es” type=”image” height=”48″ src=”https://lh6.googleusercontent.com/-n0O1f-c8Ooc/T8GA6B2ApcI/AAAAAAAACQU/0ttRIoAqYYM/s48/Spainish.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Arabic” value=”auto|ar” type=”image” height=”48″ src=”https://lh5.googleusercontent.com/-sbFDVomg9bA/T8GA3Kdf1AI/AAAAAAAACPY/5U_kZKcpqrg/s48/Arabic.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Japanese” value=”auto|ja” type=”image” height=”48″ src=”https://lh5.googleusercontent.com/-HxFwOhUh6Fc/T8GA4o0dPKI/AAAAAAAACPw/TCErGJYBZ-Y/s48/Japanese.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Korean” value=”auto|ko” type=”image” height=”48″ src=”https://lh4.googleusercontent.com/-d2w9hqbUw2k/T8GA4uc8C2I/AAAAAAAACP0/cVxVE1voBC8/s48/Korean.png” width=”48″ name=”langpair”/>
<input onclick=”this.form.langpair.value=this.value” title=”Transalate Into Chinese (Traditional)” value=”auto|zh-TW” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-G01nLOlIysQ/T8GA3KGl7nI/AAAAAAAACPc/SjN90iM_soc/s48/Chinese.png” width=”48″ name=”langpair”/>
</form>
</div>
<!–A Copyright Google Flag Translator by www.exeideas.com–>
Customization:
1.) There Is No Need To Customize This Widget.
Hi, I do not speak good English, but I hope you understand me.
I can do to change this widget?
I need Italian, Spanish, French, German, English, Ukrainian and Russian
Thanks!
Just Removed Other Language Line Starts Between < input>< /input>…
thx, boss 🙂
and pls help add Ukrainian and Italian, plsss
ok
Wait For Next Widget…
You Are Welcome…
very good works extremely without any configuration
Thanks
You Are Welcome…
Love it! But can you plz add one for Vietnamese too? Many thanks.
Ok, We Will.
You Are Welcome…
Thanxxx, you site is the best……….
Its working fine,Heres the proof on my blog:
http://www.faadugames.blogspot.com
You Are Welcome Here And Thanks For Using…
Great widget. But I would like that translated pages opens in a new tab/window. Can you help me please?
Use This Function onclick=”window.open(‘######’, ‘_blank’)” Insteal Of onclick=”######”
Thanks for the answer but dont work here. My code is (with the < at the beginning)
input onclick=”this.form.langpair.value=this.value” title=”English” value=”auto|en” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-678w8dvZG_0/T8GA3cMMz2I/AAAAAAAACPg/I80u99Q92CQ/s48/English.png” width=”48″ name=”langpair”/>””
Were can i change ? Thanks very much again my friend
Hi Muhammad
I´m sorry but didn’t work. It opens in the same window/tag.
Use This Function To Try…
< input onclick=”window.open(‘this.form.langpair.value=this.value”‘, ‘_blank’)” title=”English” value=”auto|en” type=”image” height=”48″ src=”https://lh3.googleusercontent.com/-678w8dvZG_0/T8GA3cMMz2I/AAAAAAAACPg/I80u99Q92CQ/s48/English.png” width=”48″ name=”langpair” />
Sorry To Disturb You, You Can’t Change It, I Also Tried But No Response.
As Official Widget Is Also Opening Is Same Tab From Where The Code Is Detected.
Google Translate DropDown Widget For Blog And Website
Nice widget, but now, translate is automatic in google chrome,
Thanks For Liking But There Atre Many Users That Use FireFox, Opera, Safari Or IE. This IS For That…
How can i insert Pakistani Urdu Flag ??
Just Add Our FLAG Icon And Copy The Rest Code And Keep Input Value auto|ur