Google Translate Mini-Flags Widget for your blog or site

December 27th, 2007 | Blogging Tools & Resources, Web Tools, Widgets

Add a Google Translate Mini Flags widget to your blog. Powered by Google Translate, this widget lets your visitors view your pages translated in their own native languages with just a click.

Vertical (single column)

Code:

<div style="border:1px solid #ccc;padding:10px 3px 3px 10px;text-align:center;background-color:#FFFFFF;">

<!—GOOGLE TRANSLATE MINI FLAGS—>
<div align="left">

<!– Add English to Chinese (Simplified) BETA –>

<strong> GOOGLE TRANSLATE</strong><br/>
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/> Chinese</a>

<!– END English to Chinese (Simplified) BETA–>

<br/>

<!– Add English to French –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to French " src="http://i187.photobucket.com/albums/x307/Mafishioso/_french_s.png" height="24" title="Google-Translate-English to French "/> French</a>

<!– END English to French –>

<br/>

<!– Add English to German –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to German" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Translate-English to German"/> German</a>

<!– END English to German –>

<br/>

<!– Add English to Italian –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Italian" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Translate-English to Italian"/> Italian</a>

<!– END English to Italian –>

<BR/>

<!– Add English to Japanese BETA –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/> Japanese</a>

<!– END English to Japanese BETA –>

<br/>

<!– Add English to Korean BETA –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Korean BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/> Korean</a>

<!– END English to Korean BETA –>

<br/>

<!– Add English to Russian BETA –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Russian BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/> Russian</a>

<!– END English to Russian BETA –>

<br/>

<!– Add English to Spanish –>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Spanish " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/> Spanish</a>

<!– END English to Spanish –>

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.madtomatoe.com" target="_blank">+</a> <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget" target="_blank">Grab this widget</a></small><br/>

</div>

Horizontal (single row)

Code:

<div style="border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#FFFFFF;">

<!–GOOGLE TRANSLATE MINI FLAGS–>
<div align="center">

<!– Add English to Chinese (Simplified) BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>

<!– END English to Chinese (Simplified) BETA–>

<!– Add English to French –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i187.photobucket.com/albums/x307/Mafishioso/_french_s.png" height="24" title="Google-Translate-English to French "/></a>

<!– END English to French –>

<!– Add English to German –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Translate-English to German"/></a>

<!– END English to German –>

<!– Add English to Italian –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a>

<!– END English to Italian –>

<!– Add English to Japanese BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>

<!– END English to Japanese BETA –>

<!– Add English to Korean BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>

<!– END English to Korean BETA –>

<!– Add English to Russian BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>

<!– END English to Russian BETA –>

<!– Add English to Spanish –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>

<!– END English to Spanish –>

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.madtomatoe.com" target="_blank">+</a> <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget" target="_blank">Grab this widget</a></small><br/>

</div>

Horizontal (2 row)

Code:

<div style="border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#FFFFFF;">

<!–GOOGLE TRANSLATE MINI FLAGS–>
<div align="center">

<!– Add English to Chinese (Simplified) BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>

<!– END English to Chinese (Simplified) BETA–>

<!– Add English to French –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i187.photobucket.com/albums/x307/Mafishioso/_french_s.png" height="24" title="Google-Translate-English to French "/></a>

<!– END English to French –>

<!– Add English to German –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Translate-English to German"/></a>

<!– END English to German –>

<!– Add English to Italian –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a><!–END English to Italian–><BR/><!–Add English to Japanese BETA–><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>

<!– END English to Japanese BETA –>

<!– Add English to Korean BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>

<!– END English to Korean BETA –>

<!– Add English to Russian BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>

<!– END English to Russian BETA –>

<!– Add English to Spanish –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>

<!– END English to Spanish –>

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.madtomatoe.com" target="_blank">+</a> <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget" target="_blank">Grab this widget</a></small><br/>

</div>

Horizontal (2 row, 6 x 2)

Code:

<div style="border:1px solid #ccc;padding:10px 3px 3px 3px;text-align:center;background-color:#FFFFFF;">

<!–GOOGLE TRANSLATE MINI FLAGS–>
<div align="center">

<!– Add English to Chinese (Simplified) BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>

<!– END English to Chinese (Simplified) BETA–>

<!– Add English to French –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i187.photobucket.com/albums/x307/Mafishioso/_french_s.png" height="24" title="Google-Translate-English to French "/></a>

<!– END English to French –>

<!– Add English to German –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Translate-English to German"/></a>

<!– END English to German –>

<!– Add English to Italian –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a>

<!– END English to Italian –>

<!– Add English to Japanese BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>

<!– END English to Japanese BETA –>

<!– Add English to Korean BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a><!– END English to Korean BETA –><br/>

<!– Add English to Russian BETA –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>

<!– END English to Russian BETA –>

<!– Add English to Spanish –>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>

<!– END English to Spanish –>

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.madtomatoe.com" target="_blank">+</a> <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget" target="_blank">Grab this widget</a></small><br/>

</div>

This widget is tested on Blogger, Wordpress and Joomla. It might also work on other platforms.

How to add the Google Translate Mini-Flags Widget to your blog:

Blogger

1. Go to your Dashboard > Layout > Add a Page Element > HTML/JavaScript
2. Paste the code
3. Add a title. Ex: Translate, Translate this page, Google Translate (Optional)
4. Save (or Save Changes).

Wordpress

1. Login to your Admin panel > Presentation tab > Widgets tab
2. Paste the code into the Text Widget. If there’s no Text Widget available, add one.
3. Add a title. Ex: Translate, Translate this page, Google Translate (Optional)
4. Save.

Joomla site

1. Login to your Admin panel > Modules - Site Modules > click New
2. Paste the code into the Custom Output content box
3. Adjust module details and menu item links if necessary
4. Click Apply or Save.

Google Translate is still on its beta phase. Much like with other web page translation services, your readers might find parts of the translation very funny. Google has yet to meet their standards on this.

This widget is distributed freely. Feel free to use it, change it to meet your needs. Just drop me a comment below to let me know it helped out, or if you have questions or problems adding it your blog or site.

ASIDE

DeVry University has always vouched ardently for online education. As a part of its campaign, it has offered to teach a selective few how to translate english to spanish. Initially they had offered french english dictionary as a free e-book as well. Now University of Phoenix as well as the Walden University is also planning to work on similar lines. In the beginning they will be giving out their german english dictionary as a free e-book.

Liked this post?

If you liked this post and want to link to it, simply copy and paste the code below into your blog or web site (Ctrl+C to copy).
It will look like this: Google Translate Mini-Flags Widget for your blog or site

<a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/">Google Translate Mini-Flags Widget for your blog or site</a>

What's next?

Enjoy this post?...

Digg it. Would ya? Thanks!

Stumble it.

Save this page.

58 comments ↓

#1 Viv ;-) on 12.28.07 at 8:44 am

I like your name ‘madtomatoe’. It is very unique! Thanks for sharing the widget and now have one on my blog. Have a Healthy & Prosperous New Year 2008! Cheers^^

#2 MadTom on 12.28.07 at 8:48 am

Viv,

My pleasure. A New happy and prosperous Year to you, too!…

#3 Master Yoda on 12.29.07 at 1:05 am

Great widget this is. Grab one I will. Thank you.

#4 ziwoogae on 12.30.07 at 12:30 am

WOW~

Google Translate Mini-Flags Widget.

Happy New years.

THX

#5 BillyWarhol on 12.30.07 at 4:56 pm

Thass Fantastic!

I know I can never read ???? so hopefully this will Help Folks from around the World Read my Blog!

;))

Peace*

U may like http://www.Feedjit.com too which shows where yer Visitors are arriving from + how they got there!!

#6 Aayush on 01.06.08 at 11:07 am

Added ur link..
add mine too..title is : My life as it is..
Thanks

#7 Karlo on 01.06.08 at 2:26 pm

Cool widget, I added this, as well as your site, to my blog. Thanks!

#8 MadTom on 01.06.08 at 9:52 pm

Aayush and Karlo,

Thanks!… Added your blogs to my blogroll, too.

#9 Billy'smom on 01.07.08 at 11:25 am

Hi MadTom,
Cool and informative site! Thank you for the invitation. I added you in my blogroll.

#10 Janice on 01.07.08 at 5:43 pm

Hi, thanks for your visit. This is useful widget. Thanks for sharing

#11 MadTom on 01.08.08 at 10:09 am

Billy’smom,

Thanks!… Added yours, too.

#12 Joel on 01.08.08 at 10:33 am

Whoa! I have a similar Google translator widget but it has Arabic too!
Nice work on making it as simple and stylish
I’did link your blog!

#13 Chris on 01.08.08 at 12:30 pm

This will be very helpful since our blogs are seen all around the world. Thanks

#14 MadTom on 01.09.08 at 1:16 am

Joel,

Thanks! Added your blog to my blogroll, too.

#15 MadTom on 01.09.08 at 1:17 am

Chris,

My pleasure.

#16 Barbara Doduk on 01.10.08 at 10:59 pm

Great stuff !!
I have added this to my blog. Thank you.

#17 eviraudha on 01.16.08 at 10:37 pm

hi…. thank’s for visit…
have a nice day

#18 gezelle on 01.22.08 at 9:54 am

thanks for sharing this i digg-ed it

#19 kristina dian s on 02.10.08 at 10:09 am

halloooooo

i am Great widget this is. Grab one I will. Thank you.

#20 veryheaven on 02.23.08 at 5:19 pm

dear mad, i feel so frustrated not finding any clue online where to get this cute google language flag widget based on german language translating into the other seven. please help me….thank you so much, sincerely veryheaven / febn 23rd 2008

#21 MadTom on 02.25.08 at 8:43 am

Thanks for the digg, Gezelle.

#22 SG on 02.25.08 at 12:36 pm

I’ve got the code and followed your simple steps, but can’t get it to translate my blog.
What did I miss?

#23 MadTom on 03.10.08 at 1:24 am

SG,

When pasting the code, be sure the text/code editor is in Html mode (”edit Html”).

#24 MadTom on 03.10.08 at 4:06 am

Dear veryheaven ,

At the moment, Google Translate has no support yet for translating German language to other languages other than French and English. But I will see if I can create a flag widget (German) with other web translators.

#25 PBB Teen Edition Plus on 03.25.08 at 9:36 am

Thanks!

#26 David Gonzales on 03.25.08 at 9:37 am

I really like this widget. Thank you!

#27 Robin Baker on 04.08.08 at 3:47 pm

Hi,
Thank you for the free google translator. I really appreciate it, I have put it on my blog. Have a great day!

#28 Nikita on 04.16.08 at 3:10 pm

I copied this into a text widget and it doesn’t show the flags…only text from “border….FFFF;”
can u perhaps give the html code like i should add it to make it work… tks!

<div style=”border:1px solid #ccc;padding:10px 3px 3px 10px;text-align:center;background-color:#FFFFFF;”

#29 MadTom on 04.17.08 at 10:19 pm

Nikita,

Each code above is complete; and each should work when put into a text widget (WordPress). Be sure to copy and paste the complete code.

#30 Nikita on 04.18.08 at 2:35 am

tks, i will try again today… that is what i actually did… but, let’s see again…

#31 Nikita on 04.18.08 at 2:49 am

hello again…the flags show… but have a look at my site…colour changed to grey which i don’t like…and look at the code that’s visible…and… click on a flag..and nothing happens…and i promise…i copied everything as it is..i checked myself 3 times!

#32 MadTom on 04.18.08 at 4:43 am

Nikita,

I’m not sure why it doesn’t work with your site. But when I viewed your page source, I noticed the javascripts were missing or removed from the widget’s code, that’s why the flags don’t work when clicked. It seems that something with your site that’s disabling the code.

You can try the following:
Go to your Dashboard > Options > Writing …
and under Formatting, uncheck the box before the “WordPress should correct invalidly nested XHTML automatically“. Click Update Options.

Get the code (again ) for the Google Translate Mini-Flags Widget and paste it into a text widget.

#33 Nikita on 04.18.08 at 7:29 am

hi madtomatoe… I don’t have an “option”-link! I clicked on ALL links on my dashboard…there isn’t such a link…isn’t that with Wordpress 2. (whatever) and higher? Thanks for your help…I’ve now deleted the code in my widget.

#34 MadTom on 04.18.08 at 8:09 am

Nikita,

I’m sorry, it should have been like this:
::: Go to yourAdmin panel > Options > Writing …
and under Formatting, uncheck the box before the “WordPress should correct invalidly nested XHTML automatically”. Click Update Options:::

#35 Nikita on 04.18.08 at 11:01 am

Hi MadTom
These are the links I have…I clicked on them all, there isn’t a link such as “options” nor “Formatting”.. and I really clicked and searched everywhere…

Log Out | Help | Forums
Dashboard

Write, Manage, Design, Comments, Upgrades,
Settings, Users,Dashboard, Blog Stats, Blog Surfer, My Comments, Tag Surfer

#36 MadTom on 04.18.08 at 3:06 pm

Oops! Sorry again.. I see you’re already using the new WordPress 2.5. Anyways, I’ve just tried the widget with WordPress 2.5 and it’s working well.

#37 Nikita on 04.18.08 at 6:09 pm

Hi Madtom…the text widgets won’t allow java… I’ve read it today on the forum too…many other people have problems with it…i have internet explorer 7, don’t know it that’s a problem… other people say they have problems with Firefox

#38 Jason on 05.22.08 at 6:13 pm

I have place this on my website, but when I click on it nothing happens…. Help please!!!!

#39 Joe on 05.26.08 at 6:23 pm

For some strange reason, Google Translations doesn’t seem to work for Blogger on IE, but works fine on Firefox.

Maybe it’s just my computer?

Can someone please test my website to see if works on IE?

#40 All things Blogger — Who Let The Blogs Out on 05.27.08 at 10:31 pm

[…] Label Cloud New Label Cloudhow to install. Blogger Language Translation Translation with flags Another link Blogger Menu Dropdown Menu 1 Dropdown Menu 2 Dropdown Menu 3 Blogger Site Menu Site Menu Blogger […]

#41 Gerson Borges on 06.05.08 at 10:09 pm

Hello
I pasted the code for the Google Translate Beta (8 flags) In my site, but when I click any of the language flags I get an Error Message that says: Sorry, this is an Invalid URL.
Where did I go wrong?

Regards
Gerson

#42 Michael on 07.04.08 at 12:37 pm

A note to all the “copy and pasters” the first div tag is missing a closing “>”. So the code won’t work unless you add it. I hope MadTomatoe has a chance to fix this.

#43 MadTom on 07.04.08 at 8:13 pm

Thanks, Michael, for pointing that out.

#44 Hamida on 07.11.08 at 4:37 pm

and I have two others
thedesertsky.blogspot.com
hamidatheherbalist.blogspot.com
I want to add more flags and more languages to the flag translate widget. How do I do that?

#45 Twotone on 07.15.08 at 6:19 am

I love you widget. Is it possible for me to custumize the widget so I can translate a Dutch website into the languages listed plus English?

#46 Burt on 07.15.08 at 7:36 pm

Hi. Thanks for the Google Flags code. I was working on a kludge myself and you saved me a couple handfuls of hair. I will add you to my ’site credits’ page when I get some final details sorted out but for now you can see it here http://www.stormvisions.com/pages/home.php

The only thing that would be cool is perhaps to hide the div containing the flags onclick. Right now clicking one of them, then selecting another language from the translated page -instead of the original page- delivers you to a translate box at Google.

Great work and thanks.

Burt

#47 김하경 on 07.19.08 at 8:44 am

Well appreciated

#48 ExpertQTP on 07.21.08 at 10:59 am

The translators are very good and I placed them in my blog.

#49 Google Translate with Flags: Da Italiano a tutto! (o quasi) IMPERDIBILE! on 08.06.08 at 3:08 pm

[…] MadTomato l’ha creato e reso disponibile, e di questo gli saremo sempre grati. […]

#50 How to earn from the Internet on 08.07.08 at 7:32 pm

Nice code. The only issue is using the flag image hosted at PhotoBucket.

PhotoBucket alway have bandwidth limitation.

Regards

#51 Diego on 08.08.08 at 4:22 pm

quiero que me traduscan todo

#52 Jun Shibuya on 08.09.08 at 11:20 am

thanks a lot, it will help the visitor in my site

thanks you

#53 Greg on 08.24.08 at 5:35 pm

Hi Tom,

I wasn’t able to install the widget. For some reason I get the message:

“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.

XML error message: The content of elements must consist of well-formed character data or markup.

every time I try to install it. What should I do?

Thanks,

Greg.

#54 Mohamed Rias on 09.01.08 at 6:49 am

nice info

#55 Online Celebs on 09.15.08 at 10:33 am

Sorry man, i dont knowwhy but your widgets didnt work for my blog.
Anyway your widget is good.

#56 cal T on 10.27.08 at 5:38 am

Hi,

I follow the instruction and paste the code in my blog, translate appears, but when I click on the flags, no tanslation appears,

wondering…, did i do something wrong ( I am using classic template HTML)

Thanks to you advice

#57 amin on 11.07.08 at 2:06 am

nice Widget

Must-have Blog Widgets

What's New

Recent Comments

Tomato Heads are Us

Meta

Google Translate Mini-Flags Widget for your blog or site

Vertical (single column)

Horizontal (single row)

Horizontal (2 row)

Horizontal (2 row, 6 x 2)

How to add the Google Translate Mini-Flags Widget to your blog:

Blogger

Wordpress

Joomla site

ASIDE

Liked this post?

What's next?

58 comments ↓

Must-have Blog Widgets

What's New

Recent Comments

Tags

Tomato Heads are Us

Meta

Google Translate Mini-Flags Widget for your blog or site

Vertical (single column)

Horizontal (single row)

Horizontal (2 row)

Horizontal (2 row, 6 x 2)

How to add the Google Translate Mini-Flags Widget to your blog:

Blogger

Wordpress

Joomla site

ASIDE

Liked this post?

What's next?

58 comments ↓