Google Translate Flags Widget For Blogger

Alot of people keep asking me about a new social bookmarking and sharing widgets,
Since I love jQuery, i thought about try to customize a new sharing widget specially for blogger that using the new jQuery features, and If you like the OS X dock, you’ll love this widget.
this new widget in originally released by AddThis.com , and i customized it to be able easily used with blogger.

Widget Features

This widget is a great one and the best translate widget ever and here are the features.

• This Widget Auto detect your blog language and translate it to the readers chosen language.
• Support 12 different languages, English, French, Germany, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.
• Auto Adjustment, No matter where do you add this widget, it’ll be auto adjusted with your blog template.

widget to our blog. it’s easy and one step trick.

How To Add It To Blogger.

It’s very easy to add this widget to your blog, just go to your blogger dashboard >>Layout >> and on page elements page, Click Add A Gadget and chooseHTML/JavaScript 
Leave the title empty or type any title for your widget, and in the content area paste the following code.

<style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fODAXK66aSPouYaUdY7227pbnQrF7m0t-zB-alVzq36UtAkR0AMob_4XeJgjA-9rsnNgR7ptBUdCG-fVuYG92uB-eQ7FVUn39hclEczajSXdzi3bfVzB8pgr-Ar6lDISuH-KrHdI4g/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPLu9sERXr_Rv9e1X3GVrivv88qGalLZpZ63-bcxZ3AVMDCl22cxfQS8rRuD-EhUvXzDizL9F5fs_QuHVuP8FVZ9xPFsRz1DW5_TfMOwdSqWZ3PYDYpEgtBu9HjQEvInBPMIJyPeMerg/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYm0vxD5kX8zEBEGtAvwA9r4JZsXowXGz4Ltmb9zrm4t2HDGayFEsMGJwh1RohTlJVXZ0UEEpf4ulKmJGOQKvCgWpoWy3u16iRcjVjjLxUwb0Rohd6Fpf16eqTH4fcBHvXUP0jylXI5Q/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmjwDlo1x0gfaDyjT1KKeLrxsZJWVboiLoOcKJLWsRSBlRQGSjk2pOiJ2t_kBev4HqH5_l8PkvL6JeDAZZb9h6ZZZ9MtISYxKT1Sfrarc1KRqBsoGnEKaXRD6s4xXisrEHLgk5Uf_shQ/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0-QpnKzFfayj5NtBQZczpOW8Tmbb_GHYRd2zncpNp0xJ2m-MklzQIx-xTeNmLBxVoaiY1D9nmR_K6bog5-kHSOlAZF4k8IpfVH7lVFxqVXy4kwN3QDPVUCJgIxKgUIpDDVcvr3IgWQ/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrll3VYknbZBKcbsCktvGu4D3XIhNWh-wezJ2SIQvsccJ7OFY_GjK0kWMnwaSykF3cxwx3HXyJYJcEAjrC9CllnmxHRrOqh2zirH2HVO5vy8rox-ekcBatJm32BKIkpqiL8Ess4i7EA/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IKie25vKB1BwxsnMHQwyosJF5XgZuy8lZXZBwHPoZIKq4KjwQ3CgRoKEoef4KfoWGVu2taHlmyZSwXfHPzjm1jddysqwNPSk7qyyIgn4off34yE1QRPo9HfoqBMSMQDEPT_uuOBgAA/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVz42CbJD_tnp41SBcE2zvyfIGJo-8ZbrfUwIHPXFo4baxAY8tn9sRaNFUuPLS7zZL4087q7_a2xdisadHZDcY8X6igXd_A82R_SmIN3fAZgF_ZKnnHJhdEL1FqdN53VlMVT3IXnSXfw/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2cxfgbsnwnurBE2znlCOHSlSYoOu101z1-XsQfRfVbcvCzQwlIHsPJ_4ICATnWGxmP8ONl_SJ80Cp_e6bj_IrbOwefHkK3f2GKX0szFQWeoBNuWrjEI3E4QoBYSFzl69ibCvg6UpwaQ/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibhHJ8-AV4hOR7GkDkU44ktpKFB0shK0BogvYZZX7c9clqZgGjkvsE6KepBVNoOg8aSOA8v98XCq_Vpmay-Z4RsZ2J4nto_uUE_2VUoYlWejfUFOxZykc1o0XHuZbHVN-2gBISR0jfgg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlmtu0XWXleoUbioLtud76JHLsKkW5WAvjGv6NTNfwu-BcNUOIu_XDP2xSMtUTrxpfwcogiQMdr8CmE3z0G1b4UPCzZnTqjvCmZhaHqOTEhJlVPAzCm_K1zcMda5YjoctEq4gmLUqh-Q/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8PsAjynHuqdXqFP-TLWWVh3PhrSNZ6cKv7d0qPFpXeb5rKkt0kS6fIo028_BJVpWeHBUVamg-191GLzRsQipTDNftBv5S-B1zUYoWHCSNsl4wTwH6LGKavLeeW4gyuMDm2FzgtFCEQ/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div> 
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>
        <a href="http://asadtricks.blogspot.com"><font size="1px">this widget by www.Asadtricks.blogspot.com</font></a>

And click Save
The check your blog.

Demo

To see a demo for this widget please click here.