LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Widgets / Website / Website Widgets » Stylish Google Flag Translate Widget For Blogger & Website

Stylish Google Flag Translate Widget For Blogger & Website

Stylish Google Flag Translate Widget For Blogger & Website

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.

<!–A Copyright Google Flag Translator by www.exeideas.com–>
<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.

2.) If You Want Some Extra Customization Like Size Of Flags And Other, Feel Free To Ask.

You Like It, Please Share This Recipe With Your Friends Using...

23 Responses to “Stylish Google Flag Translate Widget For Blogger & Website”

  1. Iura Rotari says:

    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!

  2. very good works extremely without any configuration

    Thanks

  3. Tiffany says:

    Love it! But can you plz add one for Vietnamese too? Many thanks.

  4. Lucky Singh says:

    Thanxxx, you site is the best……….
    Its working fine,Heres the proof on my blog:
    http://www.faadugames.blogspot.com

  5. Jorge Costa Reis says:

    Great widget. But I would like that translated pages opens in a new tab/window. Can you help me please?

  6. 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

  7. Cerita Dewasa says:

    Nice widget, but now, translate is automatic in google chrome,

  8. fawad ch says:

    How can i insert Pakistani Urdu Flag ??

Leave a Reply

Your email address will not be published. Required fields are marked *