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