Add a Google Translate Mini Flags widget to your blog

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.

Single Column

 

Code:

<div style="border:0px dotted #ccc;padding:3px 3px 3px 0px;background-color:none;margin:7px 0 7px 0;">

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

<!-- Add English to Chinese (Simplified) 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%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/> Spanish</a>

<!-- END English to Spanish -->

</div>

<small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</a> </small><br/>

</div>

Single Row

Code:

<div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:235px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="width:auto;">

<!-- 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="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</a> </small><br/>

</div>

Double Row

Code:

<div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:180px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="width:auto;">

<!-- 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="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</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 a comment below to let me know it helped out, or if you have questions or problems adding it your blog or site.

Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

<div style="float: left; margin: 7px 10px 2px 0pt;"><img alt="" src="http://www.madtomatoe.com/wp-content/uploads/2007/12/translate_beta.gif" /></div>Add a Google Translate Mini Flags widget to your blog. Powered by <a href="http://translate.google.com/" rel="nofollow" target="_blank">Google Translate</a>, this widget lets your visitors view your pages translated in their own native languages with just a click.<br /> <span id="more-82"></span><br /> <h3>Single Column</h3><div align="center"><img alt="" src="http://www.madtomatoe.com/wp-content/uploads/2007/12/google-translate-mini-flags-vertical.jpg" /> </div><div align="center"></div><a name='more'></a><br /> <strong>Code:</strong><br /> <div align="center"> <pre><textarea class="textarea" cols="50" name="select1" rows="6"><div style="border:0px dotted #ccc;padding:3px 3px 3px 0px;background-color:none;margin:7px 0 7px 0;"> <!---GOOGLE TRANSLATE MINI FLAGS---> <div align="left"> <!-- Add English to Chinese (Simplified) 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%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" align="absbottom" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/> Spanish</a> <!-- END English to Spanish --> </div> <small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</a> </small><br/> </div>

Single Row

Code:

<div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:235px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="width:auto;">

<!-- 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="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</a> </small><br/>

</div>

Double Row

Code:

<div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:180px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="width:auto;">

<!-- 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="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" 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="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" 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="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" 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="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" 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="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" 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="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" 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="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" 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="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<small>↑ <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank">Google Translation</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 a comment below to let me know it helped out, or if you have questions or problems adding it your blog or site.
Sumber: Dragon Hack