The NEW google translate in a popup bookmarklet

Hello bookmarklets users.
For those who are not familiar with my translate bookmarklet post – you can read it here – google translate bookmarklet – it is a translation service that allows you to translate text from one language to another, a whole site and a user’s entered text.

Since the google have revamped the google translate webpage – the layour has changed a bit – so i’ve altered the bookmarklets to be compatible with the new translate design.

The result is very clear – similar to my google bookmarks bookmarklet, you select the any text on the page, click the “translate” bookmarklet and you get a pop up window with the result.

I suggest to also try my other google chrome bookmarklets:
Up breadcrumbs for google chrome
Google bookmarks bookmarklet for chrome

Drag your language link to your bookmarks bar:

Albanian Arabic Bulgarian Catalan
Chinese (Simplified) Chinese (Traditional) Croatian Czech
Danish Dutch English Estonian
Filipino Finnish French Galician
German Greek Hebrew Hindi
Hungarian Indonesian Italian Japanese
Korean Latvian Lithuanian Maltese
Norwegian Polish Portuguese Romanian
Russian Serbian Slovak Slovenian
Spanish Swedish Thai Turkish
Ukrainian Vietnamese
  • Pingback: Orizen Designs – Pure Insight – Freelance of all related to web – Web Design, Development, Flash, Flex, Swishmax » Blog Archive » google translate in a popup bookmarklet swishmax components, gui design, gui development()

  • loveleeyoungae

    Could you recheck your bookmarklets? I’m using the “To English” one. And it always chooses Spanish as the source language.

  • thanks -> i updated the “To English” bookmarklet.

  • Rick Pogg

    Why not just pop the translate toolbar onto the page and have all translations at once?

    add Google Translate to webpage

    (function () {
    function loadJS(url, callback) {
    var s = document.createElement(‘script’);
    s.src = url;
    if (s.addEventListener) {
    s.addEventListener(‘load’, callback, false);
    else {
    s.onreadystatechange = function () {
    if (this.readyState == ‘complete’) {
    s = null;
    s.type = ‘text/javascript’;
    document.getElementsByTagName(‘head’) [0].appendChild(s);
    loadJS(‘’, function () {
    window.setTimeout(doTrans, 100);

    function doTrans()
    if (!document.querySelector(“div.skiptranslate”)) {
    if (typeof google != “undefined” && typeof google.translate != “undefined” && typeof google.translate.TranslateElement != “undefined”) {
    new google.translate.TranslateElement({layout:google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay:true},null);
    window.setTimeout(doTrans, 100);

  • nice idea.
    back then when i created this, the toolbar wasn’t available.