Google Translate Widget with Flags For Blogger - 24 Blog Tips

Browse » Home

Monday, July 30, 2012

Google Translate Widget with Flags For Blogger

Posted by জুনাইদ মাহাদি at 2:48 AM

The Google Translate Widget allows your visitors to translate your site or blog in their own languages.
This widget auto detect your blog language and translate it to the readers chosen language.
It supports 12 different languages: English, French, German, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.

How To Add It To Blogger

Go to your Blogger Dashboard >> Design >> Page Elements >> Click on "Add A Gadget" link, choose HTML/JavaScript and paste the following code in the empty box:

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

.google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

</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/AVvXsEg5ZqVNj9yIH8XA94aOriT5cVPjGSZux5YGpArG1X0c3tiy4yXWlzaoqbX-jG8WdoGPmrGlPeZ5xHuTCMFRA3W6fKZdGs7yqNJ73w7lrmfP53hgUwujJlLgMXPkP4ltWBymWUcjopdaYcJ5/s1600/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/AVvXsEgyFDU7HuokcmCHDR1udMt_attcublI2l0-zyMndOiC9D56h8gUUxjHVfnetO2FWjWDB3x8MInQpXspmk6LeztBIZ3Av-Nqtwqtx0l4GgJK1lxd9Ps7uoanDNXLO2GaJdXyj_Wd2jIjqcbZ/s1600/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/AVvXsEgwoyc_VcjTjOvdf8KZx8K7zltOo4wne_SykeMxEimUvItwn4Lhl-zJ4yFyJBUM5pQFowKeuGygXm_RhE4mqmAcTRRlOcOux1Siy9Kt1kyKNIEcFm7EdOJmuWjvbNpZUhhlEU4e2tCmKvhq/s1600/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/AVvXsEh_x5AsUUGQ-CtudNIRW3SmeeWhlI-hUTnGEVjfwyPL4MZFsfu0Ipg1nsCYFme93tiXbfg6yHT41qWKOQXvtuAJbtbndXaaEtsNTxM2BTsYVC7FsBpkJK5AJTHUQli1e7XIu7UdDbyXLa9x/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <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/AVvXsEjljQKR9SSn4mx7ljXWjN7mKVydttSW6Ksy3e3OtDkM4__1rhuvG8bgg9GqlAzDW9YMNdb7qS_B4YpZDt2t7Q5LpqeZ1vPzVEb5yNSQ4X5zLEjJBrgVgo07tvOYhxwKx1Hiix9w6xe4Qk5f/s1600/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/AVvXsEhr-KOTd_ky66VqVIDLl3ifPxdNRDnFIuO4J5Fdn-2WuzGnPy7_MhVEZMdW97TwpimOddXO1nEgKkrcfSpEBlbniTQ209m3yLoaNlCZQIWj4_DRvbF2mk_HydUKPAaKR29x_8NCxdSGfUaB/s1600/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/AVvXsEhmnFK2HlOUE2QMbLua5sfx5DpqZjSu4fxghqtjtDdG9B-9dx9I_IVjVYMadaTyJCyjKYyi1ZmBOWGL-pxccYqT7r1gLT7TVjgmbbIbNk0NvYyVuoQqzsyws14_IwDZwGh2T5tTTXi7U92S/s1600/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/AVvXsEjfboiU3kHpNASRnrPgC9p6bFdui34JG_MCWdz-hTbLeZolMOLUIjAPjdrHrBqhlAsQ6sC5NP42gAQdOfOQ0wFW-o1h5Kl0YiJBw7Rm8wPyoJnDvn_bpJvaHta0C2NLZuBcLIROHysALetq/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <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/AVvXsEhmIJsyXtp7G5Ah8jHji0C-mxjlO7rRUEGtImozJ4pSQg8qjQ0RG24I8lNr3-83S50Bd2Ka_DLmeBPo5xYfdUGkdfg-b7NJxxZsl56tKHaC6m-r6pGXr0H4in4pK4miu1pAWPVohz2KyXqr/s1600/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/AVvXsEiyK8RiO5EAxcuuAe88Os5CiKYJ7ldZ5eNmsh0aVM0aTnNMzm3BfKR4RzdebgdveKRmngeRl0IRjo25dl9G7DRE-llf-meAeRouqclP7tjmEYW-o1bXpjQFEa1KsTd5hADLukLB01rRgpPU/s1600/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/AVvXsEhUEew8DqT4HJJqvR8Yi0FzOkz2ksDWDg5_b87q2W5pTtOyIho_RZEf8qDXiBqa1ven1K9Wrp138Q1tSqgzu8wBOsijtgD-HjT4u4ACWBcdXy7z9BFbe42qiX5ZzRRm90YJmAiTC_KrWCbW/s1600/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/AVvXsEgk8asiauwnRgcEC0AO1g4a-iFlaUR-_DCKjI5C5w86Io3j3sw7buQLywBRNJzV5qiXGKCqDeWV_-DxDRN12ut0lznwr0ajZhq3FXnKyIKl1HvkEp-IBHo4T9LaXoUlKmCwb8CzL28rrpez/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://24blogtips.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

Then click on Save

Enjoy (:

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Copyright © 24 Blog Tips Design by O Pregador | Blogger Theme by Jonaid Mahdi | Powered by 01199551837