Skip to main content

Add a custom looking Website Translator with Yahoo Babelfish

Digital Inspiration is now available in 12 different languages courtesy real time machine translation from Babel Fish. Why did I switch from World Lingo to Babelfish ? How did I add WorldLingo style Translation flags ? How do I change the default look & feel of the website translation interface ?? All this and more answered below. I have even provided the code that you can copy/paste in your website or blog.

A DI reader today alerted me that language translation flags embedded with WorldLingo Translation code on my website are not working anymore. Looks like WorldLingo has changed their online translation interface - so it's time for me to switch to another translation service.

Yahoo recently launched the Altavista Babel Fish Translator rebranded as Yahoo Babelfish - Since Yahoo's translation service uses Systran technology that powers Google Translate, Altavista, AOL and Terra Lycos translations, I decided to give it a try - The 13 country flags that you note at the bottom of the post will translate this page in your native language using the Babel Translator with just one click.

Before I get into the details, just a quick note - Yahoo Translations Tools have been around for a while but they came in the limelight only when Yahoo bought AltaVista with their baby Babelfish.

Now Yahoo has integrated translation in their toolbar and added support for more languages including Greek, Dutch and Japanese, as well as simplified and traditional Chinese. Babel Fish was originally a creation of AltaVista which was purchased by Overture, which was in turn purchased by Yahoo.

How to add Yahoo Babel fish Translation to my website ?

First the easy approach. Simply copy and paste the following Javascript snippet into your page HTML code.

<script type="text/javascript" language="JavaScript1.2" src= "http://babelfish.yahoo.com/free_trans_service/ babelfish2.js?from_lang=en&region=us" ></script>

This magic line creates a translation box listing various languages in the dropdown. The drawback here is that when your site visitor translates, they are taken to a Two-Frame webpage where the top frame is a big Yahoo advertisement while the lower frame represents the translated page. Does really give that professional look to your translation. See snapshot below:



I hate the look above and plan to do some customization like if had paid for a subscription to WorldLingo. Here's how I did it for free:

Just copy/paste the following HTML code - It creates a 400px wide table with 13 flags - when clicked, these flags translate the current page in the native language of the visitor.





Remember to replace URL_GOES_HERE with the permanent link (URL) of the webpage where you are putting the translation code. In the case of Yahoo 360, MySpace, Google Pages Creator or MSN spaces where the permanent URL variable isn't available, try the javascript location.href value.

Here are possible substitutions for various blogging platforms.

» Blogger/Blogspot - <$BlogItemPermalinkUrl$>
» WordPress - <?php the_permalink(); ?>
» TypePad/Movable Type - <$MTEntryPermalink$>

Arabic, Hindi, Tamil, Farsi, Urdu, etc aren't suported by Systran though Google Translate can convert English pages to Arabic - I'll discuss that in my next article.

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include...
Read more

Firefox Keyboard Shortcuts for Power Users

All features in Mozilla Firefox browser are accessible through the use of the keyboard. You can use shortcut keys to view and save Web pages, search the web, open new webpages, work with bookmarks, or find text on the current webpage. Some of the most common keyboard shortcuts in Mozilla Firefox are Ctrl+N (to open a new Firefox window), Ctrl+T (to open a new tab), Ctrl+F4 (to close the current tab) and Ctrl+S to save the current webpage. Mozilla Firefox supports many more powerful keyboard shortcuts. For instance, by pressing a simple key combination, you can manually delete autocomplete entries from the Firefox location bar or Web forms. I am sharing a list of my favorite Mozilla Firefox Keyboard Shortcuts that make web browsing with Firefox even more fun . And you also save your precious time as navigating through several layers of Firefox Toolbar menus is no longer necessary. 1. Web Search Ctrl+K moves the cursor to the Search Bar. You can then type in the terms you wish to fin...
Read more

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.
Read more