Comments
'

Saturday, 26 January 2013

0 Google Translate Widget with Flags For Blogger

Posted by at 02:05 Read our previous post
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/AVvXsEiPOwHkQbE0MI9sa6Nbcb8LMmyO42masOEStIBsLdV97Kpxeq93ogs7TcpFlgKXWtughHTfkj9et2VEj1-g_TOiYDq9KLuUyK7kCih5Iuwgcahf1-hK6JAHV58xMa0YQE15AmV5TyAu9BZg/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/AVvXsEiaRo2xuXTmFlQZwmuYxp3pHpticxj40iJtDQ9cGuxIaRy9Kj4AVDfiE-xyqU2oUEAtDJLPqn5najlypJ3E86xv5PdeMoT2C18CznWGLnaIch_xnLgvoy-wlILPRDOI-KfECTLl68rNlWA1/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/AVvXsEg2mYdM8IX9h44HO4YEPLP8Mjym0LUnomsxTN1RN2u0VLO2EAC0-crLIy4dhvKc-aQLbUt3CeoQ9ztHnAZhrn0-Q4e47t7MpRYRcqnW8ZHQaVMDb6meFbtWq1DG2vm8n94aE192ADU2WEfr/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/AVvXsEjyUwzDDPhYBtXvKu_tRyBoeFWcee0iCgLHo70JNHWd-D-loBsGwaXS_fRq4iWkdGgEIzqF-AwtYGPnjm1OdiNAKqGebjV9BUYtsbCQhA5fZXksvlfw0m7pWJJD49AlsGd4edi2tpR3Rh_m/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/AVvXsEjie3VMMktLH2Roh68860H_1i5ZzDsQ6XHnT0a-dHNshqc9C9gJZiU70Uv0lIR0arNqWim7-vFU5Gi3LLXtfxQZdR2DR94KrIh4zz_cF8Mhf2GOi_OGvUFoKGjqUSvj27iAJCfQ5ccRdh-I/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/AVvXsEgFCmiPuGRIlUYNNAVY_XtL704na4b3CsbF0mwqn8jqh1DUqXtSC_2tExRWLLCXodGJD2mkFjTugIRJbqxuTrVwU-vvFgodGVDixnRzGu4rCu_jr3KPjHHLlpDz0cRr-Qxwpfk2NHx86neJ/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/AVvXsEj-NF1wTkWwcAahpB1niDBgUKY-Pm9za-pOk5riYAaeZ-mwQh62DIaTN1oXalW2ksqrolrsuBOUi8Pper9L7BMGhqcdP2S1vo9KoTnNV9xUBE_-eJEpSfm4gJIP8WY8z7OK2KUfXwbASFnB/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/AVvXsEg1nnw1TwsuQbFkJS47I8kv7skf4r77gjIut-Jo1-HYsIEB8pZj3oOuBySGuZrt0ji8wzFd4NlvedLTsAn2LzY5cixZQMm3i4qoL0F_dpgf8M_yaaFgIwaoFaaavcHlKAXd06JH1cq_Rj_G/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/AVvXsEgOlP9POOn6-Vkjc3xYemlbRPuZPxO8KO6paN3B09awMycveG2hD633tgzIHZYEwCw5OToPiLHhRUW3LXlpGTC6VPozSZ3fpaf6Amm9nqe0So-2lOd0bD0L_SWtcmfYo-D0l1kNnVIYd7Xm/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/AVvXsEjVmmuPb3UMgpYqS6qKvQwGU94BowUDmUUYLIgP-H2NlzWikkhPfHVnykLbQYzKrbzrfagFzxJYqfegK_UCg-sfwNvBhyphenhyphenhynG_dkL4gVjzcjze1ysUmh4tSfgHC0K0Kh25KpmNfTN45_JMh/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/AVvXsEhS_pNSpkBqVTR_fm6ELzOMOfjTIGiYyrzEhY45PSH-ip5zPGcRb3CTXMe5ZssmPVFuvOslIQDJ9qBHGGOBTH4-aMJFz7_yJoJk_VeeWhtg867bIpwRGJzRPVnkcNpY8MwsTzddBCoRU-rt/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/AVvXsEhQEWqmwEAYECzEZaYLQy2WBQsXgIfw2LDk29OzYSBK9Te1qir5BlmUqs_bhwa0W6s-QgV5kONGDQON-ZgYtaty1yPDOlbUqn40cfmhozW-i58_aS6xPRhvxCCnqL6M4SN_NhKT7pvKHa02/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://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

Then click on Save

Enjoy (:

No comments:

Share

Widgets

© Dream Blog is powered by Blogger - Template designed by Stramaxon - Best SEO Template