How to: Translate Your Website into 23 Languages – Tiny Flags Gadget

Spread the love

It is estimated that there are around 78% websites are in English and remaining 22% are in other languages. Not every body can read and write English, so, they also need to get translate the website into their language. Translating into all languages is impossible but it is possible to translate website into major languages like French, Chinese, German, Spanish, Arabic, etc.

Google has a great translation widget as a drop down menu which you may have seen on many sites. Some other companies/people have also created translation widgets but not good like Google Translate Widget. What I do not like in Google Translate Widget is its drop down menu. In fact, it does not follow Accessibility rules. First of all, if one, who wanna read the website, can not read English, how the one will know that the widget is to translate the website into other languages. The other thing is drop down menu creates Accessibility problem in sense that you have to move scrollbar if your language is at the end of the menu. There are some others issues, too, but one thing I do not like personally is the written statement “Powered by Bla Bal” with every such widget, either from Google or other provider.

SEE ALSO:   Behold, The New Avira Free is Released...With New Looks, New Features & New Performance!!!

So, here is a code for widget which can translate your site into 23 languages. It is also powered by Google but there is no drop down menu. You will see 23 flags presenting different languages, e.g. Spanish flag for Spanish language translation, French flag for French language translation, etc. There is mine flag, too, but just indication if you wanna visit the provider. Click on the flag will translate the web page into particular language, the flag is used for.

You can see this widget in the most right panel of my blog. OK! here is the code.

Translate English to ArabicGoogle-Translate-Chinese (Simplified) BETATranslate English to ArabicTranslate English to ArabicTranslate English to CroatianTranslate English to CzechTranslate English to danishTranslate English to DutchTranslate English to FinnishTranslate English to FrenchTranslate English to GermanTranslate English to GreekTranslate English to Hindi Translate English to ItalianGoogle-Translate-English to JapaneseTranslate English to Korean BETATranslate English to NorwegianTranslate English to PolishTranslate English to PortugueseTranslate English to RomanianTranslate English to RussianTranslate English to SpanishTranslate English to Swedishby COMPUTELOGY

If you are a blogger, before implementing this code, take backup of your template. After backup, go to Layout->Page Elements and click on Add a Gadget. Now select HTML/JavaScript and paste this code in the HTML/JavaScript gadget window. Save it. Yes! you did it. Now you can move that Translation gadget where you want on your blog within the limitations provided by your template.

,

Post navigation

Perti

Hello, I am given another name but I like the name Perti. I write when I want and I write what I want and I write how I want. Sometime, I write great and sometime just fill the article. Sometime I try my best to give you something but I cannot, on other time I do not wanna give you anything but I have a lot. In simple words, ComputeLogy is my hobby not profession. But, you are welcome to contact me anytime via Contact form.

3 thoughts on “How to: Translate Your Website into 23 Languages – Tiny Flags Gadget

  1. thanks, had a question though.i added the above scriptlet as a block on my drupal site, and it works fine for guest pages.however, if a user is logged in and then clicks on the "translate" icon (of whichever language), the new page that coems up shows the user as logged out.any ideas why that could be happeneing?

    View Comment
  2. @ Rajesh – First tell me that "logged in" user gets the page translated or not after clicking on any translation icon. User should get translated page. BTW, the Google translation engine is used for this widget. So, it is the problem on google's side.Sorry, if such happened, I do not know the solution.IF SOMEONE KNOWS SOLUTION, PLEASE, LET ME KNOW. THANK YOU.

    View Comment

Leave a Reply

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