Translate your website or blog to different languages using Google Translate Gadget

If you run a website or a blog, these days, it becomes almost a necessity to make sure that your web site or blog can be read by people around the world. And that means to make sure your website or blog is available in many different languages other than English. Do you have to learn all those languages to make your website available in all those languages? Of course, not.

Google Translate Gadget

Google Translate gadget is a simple web gadget that you can customize and add to your website that automatically translates your web pages to many different languages.

As of this writing Google Translate Gadget supports 35 different languages and the cool thing about this gadget is that it doesn’t take much page real-estate on your web page. Google Translate Gadget has just a simple logo and a dropdown list of languages you can choose from. If you’ve been using any other translation gadgets/widgets you might have to read this article to make sure you are using the one that takes less screen space and doesn’t download 35 different flag images to represent each language.

Follow these steps to add multiple language support to your website or blog using Google Translate Gadget,

Step-1: Visit the Google Translate Gadget page

Google Translate Gadgets for your Webpage home page

Visit the Google Translate Gadget page and click on the “Add to your webpage” button.

Step-2: Customize the look and feel of Google Translate Gadget

image 

Customize the Google Translate Gadget to fit to your web page’s needs by giving it a title, width, height, border and language. Hit the “Preview Changes” button to get a sneak preview of your customized Google Translate Gadget.

Step-3: Get the code to add multi-language support to your website

Click on the "Get the Code" button to get the HTML code to add to your website

Once you are happy with the customization of your gadget, hit the “Get the code” button to get the HTML code to add to your website.

Step-4: Copy and paste the HTML code

HTML code to add to your website

Copy the HTML code that’s generated and place the code on your website where you want the Google Translate Gadget to appear.

That’s all about translating your website into many different languages using the simple Google Translate Gadget.

Google Translate dropdown menu

The next time when a visitor from Spain, for example, visits your website and if they prefer to see your website in Spanish all they have to do is to select “Espanol” as the language on the Google Translate Gadget and Google Translate will translate your website from English to Spanish and will render the Spanish version of your website.

DemoGeeekk.com in Spanish using Google Translate

I hope you find this useful to translate your websites into different languages. If you have any questions/comments regarding this please make sure to let us know in comments.

Technorati Tags: ,Google Translation,,Translate Web Page,,,Translate English to Spanish,Google Translate Gadget,How to translate website,Multi-language support on websites,support multiple languages
Related Posts with Thumbnails


Subscribe to our free RSS feed to keep up with what's happening at DemoGeek.com

At DemoGeek.com we try to explain the tech stuffs in as much detail as we can to help the not-so-tech-savvy of our friends understand and follow the tech stuffs.

Share/Save/Bookmark

Subscribe to DemoGeek.com
Easily burn ISO image files to CD or DVD in Windows Adjust Windows Vista’s Aero Glass Border with this simple Vista customization trick

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

11 comments so far

  1. Kristina
    #1

    Thanks for this useful post Geek !!!!!

    I think this is really cool gadget.

    My blog is registered in blogger, so I’d like to know if it is supporting http://www.blogger.com ?

  2. TheGeek
    #2

    Kristina – You can get the Google Translate capability to your Blogger blog, even if it is not exactly the same one as I’ve explained in this post. You can get a similar gadget (serves the purpose) to your Blogger blog by following this article, How to add Google Translate on Blogger

  3. Mike Unwalla
    #3

    Sometimes, machine translation gives bad results because the source text is not clear in a way that a machine can analyse.

    ‘Global English’ is a method of writing clear text. Global English guidelines are more detailed than ‘plain English’ guidelines. A review of ‘The Global English style guide: writing clear, translatable documentation for a global market’ by John R Kohl is on http://www.techscribe.co.uk/ta/global-english-style-guide.htm. (Although the book’s title contains the word ‘documentation’, the guidelines apply to most business texts.)

  4. TheGeek
    #4

    Mike – I agree that machine translations are not reliable all the time. But it is certainly a choice which can be implemented quite simply and easily. At least you can start off with this simple effort and see if things goes well for your readers. If you get more complaints about the translation then certainly you can look into other options.

  5. Jenny
    #5

    There’s some more information here if anyone’s interested

  6. Pablo
    #6

    The gadget works fine, however i am having trouble to customize it for my blog this is http://www.pablosilvioesquivel.com (See the right sidebar).

    Just can’t get it centered !
    Any help will be very welcome.

    Other thing is I use Googles Friend connect too,I have some friends there however I’m still did not see the use for it.

    Nice blog!

  7. TheGeek
    #7

    Pablo – I’m glad that you found this useful…the centering issue is purely a HTML issue and I don’t think it has anything to do with the gadget itself…if you still need any help with the gadget please email me.

    Google FriendConnect when used to its potential would be a good thing for your website/blog…people can join and invite others to join and spread the word. But the current implementation doesn’t make it very interesting to get involved much.

  8. jojo
    #8

    I would like to know if the translator switches to the language of the browser because if it does not then people wont know what select language means.

  9. dhvani
    #9

    Can I make more modifications with translator ??? or Am I able to have flags instead of combo??

    This translator design not suits with my site. Is there any other way??

  10. dhvani
    #10

    hi ,

    I got solution for maps and its working fine with main pages but its not working with pages which loads via ajax. Please give me solution if u have anything. Its urgent.

    Thanks.

  11. demogeek visitor
    #11

    Can we have maps instead of Flags Google?

Leave a Reply





XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

5 Trackbacks/Pings

About DemoGeek.com

DemoGeek.com brings you high quality articles, tutorials and how to's on everything related to Microsoft Windows, Mac OSX, iPhone, Useful Websites, Browsers, Software and Programming.

At DemoGeek.com you'll find step-by-step explanation of the technical issues explained in detail with screenshots and screencasts. Read More...

Contact |  FUG |  Disclaimer

Creative Commons License

Canonical URL by SEO No Duplicate WordPress Plugin