Blogging Tips / Blogging Tools / Building a Better Blog / Tips

Translation widget for blogs

translation flags globe
There are code restrictions on blogs. The software is programmed to strip some codes like Javascript to preserve security. is a multi-user platform which means we all share the same underlying files and bad script introduced on one blog could bring down many.

Update: November 25, 2015

Note that there are now browser add-ons we can use to translate sites:
Chrome browser add-on for Google translate

Firefox browser add-on for Google translate

Internet explorer browser add-on for Google translate

Translate Safari Extension

When looking for a translation widget last year I uncovered the fact that although the Google translation widgets could not be used there was a workaround. You can view it in action on my Translation page and it can also be accessed by clicking the “Translation available” link in the widget at the top of my sidebar. The code I used  courtsey of fellow blogger ismailimail produces a 3 column table providing 53 language links. I simply copied the code, replaced the blog URL in the code I was given with my own blog’s URL,  created a static page, pasted the code into the HTML editor, and published the page.

Well when I was out surfing the internet I found a Free Website translation button.

Free Website translation at the click of a mouse – free and without registration!

Fully automatic website translation is now possible and all at the click of a mouse! offers a homepage translator service/tool for everyone.  Simply create a button (widget) for your homepage that allows visitors to your site to immediately translate the website into their own language.

With the translation quality of Google™ Language tools, homepage translation is available for everyone – fully automatic and into over 20 languages.  Web page translation has never been so easy!

If you click the big “get your button” button on the site and use the code provided it will be a Javacript code that will be stripped out by the software.

But if you copy the code that I post below into a text widget, or copy and paste the code into the HTML editor on a post or on a page it will work.

Note:  Make sure that when you copy the code into your text widget or blog post the code’s double quotation marks are not “curly” but “straight” quotation marks.  The fontin this theme a serif font which uses curly quotation marks.  Copy and paste the code,  but before clicking “save” or “publish” check whether the quotes came out in a “curly” format and if so, simply re-type the quotation marks so they are “straight”.

<a id=”ftwtranslation_button” style=”border:0;” href=””><img src=”; alt=”Website Translation Widget” /></a>

translate button code

To see how your readers can use this click the TRANSLATION button.

Website Translation Widget

Once you are on the site scroll down past the “get your button” and  locate the box illustrated below.  Select the Original and Target languages and then type a URL into the Website address box.  Click the Translate! button and Google translate will do the rest.

Now you can go back copy the code I provided above and use it in a text widget on your own blog.  Happy blogging! :)

 free website translation button

Translation page

There is a workaround that I use on my own blog and you will find it here on a static page. If you wish to use this code for your translation page then you will have to replace the URL for my blog ie. with the URL for your blog throughout:

95 thoughts on “Translation widget for blogs

  1. Pingback: Language barrier no more | Ken Hætta på nett

  2. Hi timethief,

    I created a translation page using the code you suggested in a WP forum, here:

    I’ve replaced you’re URL with mine and it works fine, but the table came out very cramped. You indicated that you merely pasted the code into a page. I did that and (unlike your result) got a crowded table, with very little space between with languages.

    Because it’s so condensed, centering the table is another issue. I found the following code in a forum.

    It worked when I first tried it, now it fails.

    • Results of attempts to change the width of table columns:

      1. Dragging the corner of the table, which works fine for images, fails to hold with the table. The modifications are deleted upon update.

      2. Using the HTML code WIDTH=”100%” stretches the table to fill the page (I haven’t tried other percentages) and the update does make the desired modification appear on the page. But I wonder if it will hold since the change disappears (in the editor) when you switch back to visual mode, before or after updating.

  3. Thank you Timethief! You are so helpful and fast. I believe it is going to help me to have what I was looking for a long time. Thanks again.

  4. Your blog is a really a cool site! You helped me a lot with the translation tips. I copied your code and create my very own page and i love it!! Thanks to you and your friend, who created the code. I will be following you!

  5. Thanks, now I undestood how it works. The website of the Garlyng zoo they give as an example, displays some selected languages and you don´t have to put the website url. I thought it would be the same. Maybe I will try also your static page to see it in action on my site.

  6. Hello, thanks for all those great tips. I sitll have one question though. I did follow the stepts (had to change that Curly in the double quotations mark) and create a text widget, it didn´t worked as expected. The button in my blog page don´t translate, it just make a link to the free website translation. And I also wasn´t able to choose more than one language in the “targets language”.

    • I visited your blog and used your translation widget. IT’s working for me and I get a selection of about 50 languages I can choose from.

Comments are closed.