Google Translate Widget with Flags For Blogger
The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language.This widget also auto-detect your blog language and then translate it to the readers chosen language.
It supports 12 different languages:
English, French, German, Spanish, Italian, Dutch, Portuguese, Russian, Japanese, Korean, Arabic And Chinese.
How To Add The Google Translate Widget To Blogger
Step 1. Go to your Blogger Dashboard >> Layout and click on "Add A Gadget" link
Step 2. From the pop-up window, scroll down and choose HTML/JavaScript
Step 3. Paste the code below 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/AVvXsEg1eJ9NULrrf5LKaJp_Nud89cWkLqGOWg80qXswpiDmfUuw9HCbCN9oJX6S4we1MIqdiFpmfOELBki9Egg0EhHxGjq5zi5SbTPMu93tPW_kXhkaDxPbLIBEZLvkO2ZrlWUkvNGaxNEQORHH/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/AVvXsEgRwC6VEdZvIFSFWIvINN9PrVZTWbuJeBZCihS0kvPSxIMDbf_lcIuozckkmi28q0onvo0XikISY8ElyTcDZW7el3te7-OE-Kt8RPItm6GX-4O-gRRuS6MWCstIl20YjjhjPBoYhVpVgpVk/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/AVvXsEjwX8J-26JYk5lbe5j-w9BGsLJVNjy5PuKuRaw0MWTxhXLoXNOh3qtpTG-v5Thpkq4Q9G4QPviBaxuAbB5RJEch-4eEN457nAwWngRKU5k4Wq-aja8KHTFVTlKoxaCsJKlxnd5FCz4aqrq2/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/AVvXsEgG0Ix-gF-rX-5zasTUhX0TyW7D6I6xqyzHE6bIQoV6ncdmtDaBmMqVAZa51AF5cZAVFeda5pxmvU1-56szo6y6tM84DGgHsTIQZLuIQkFF6zLQRqznsbM_GtE8lSqkvm0ag0TZ-Pa7pWOZ/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/AVvXsEidrWBrOfnRKVbhOcyJAk0TyITLx8c417JNnH-fibhb25P_woStWOtPHUI2jT2_T2gREASSsFYiPGghbf91suqMs1Mwmegp7h1uXFAa0V2u5SI-0djpSGqyD7wzMLJkRam4wfFY_eCKrxAc/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/AVvXsEi2P8aJhOfXLCtIU72eUKj9GiWRwTE_iL7TBWUa8ql-fq8hxhwIBJCE4jrTE-5BROUOfRBbgRdG3WfXNHr95b7Z04CIUTd74lIVHcV0oldU0MOeS_PbX0rgcHlDghVAVa_8tduTl8-XH9u4/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/AVvXsEiWd31s83cpM0_lMIHEQDs2WKVzBlQjgPxkrdmZGgXKr58YZp3mYH87JrB3hYA14gSJhTVPL1FSuTmlncsBQMcAyNpUGW9-46NNLbG0Xb_wPsyMq21SGpiXOdOyiiHbLEAL3q2IhIV1SbsG/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/AVvXsEhHjfQf_x8y_9ulf-1LeXSPKryR95AAdbx5WOfM8TaVo7ce02JwXgdsST-p2ipNZJ-Xo5Kyhnnhc8Z2SkjpIyLb5bvA3wS3ipA21r-Cs1rRtM7yU-EmIKo4gyE7SmKjOn6B5LFlVTt1ztQp/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/AVvXsEj9Jp_gkiqSGp44csCdYSTe32EQniGhGRXFlk0hoMg6d1p-Ya6_Qm1ctaT2HLUZhoWjxUwxBTvykjuXRJykWDVhdL3zd7SnvrsGagGzbZzIen-N0UisWSqpsL5fRtfnFaNiuhTdN-PACo9y/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/AVvXsEibDNpnstc1I6_NkuY4UXZL1XPJCY8M3_SRljSfSV0DPxrmvcWCzBXZfdyDcDO1VOsAMMYdkbXHH2anP0Ycdgk7RAnWpkLjmZxi4fMPdsRxUHrtS8EZs32FUsnx1iW21T-aGh5g-pMXWWJ3/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/AVvXsEi5Q9Ys1oLcC_k-aq1-XuYKxBUNq91mXLfkCWFEzlYKrp9z_wuOnkLY7vprs4W6rFthDJ0u396lrW-6xfEUN5e0aWLhnBHke0JJtGuo6jSwx3H6LzaTfyeStVZ1XjVUxYF50R5qX-0LU3Fu/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/AVvXsEhUEFwe2PWvZZlAcr7JhSqn3zMsEjbmrQsrQuGsoGkfmbQe0hpu0UDLqCCOkqzhcPJxu563ElgT4J6dorCzUHCPAyKC8uqy8KEQfpn55dToHEnpYUBDpHkqXeK2l5ZaItenHTIC0MQYyK0E/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>
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/AVvXsEg1eJ9NULrrf5LKaJp_Nud89cWkLqGOWg80qXswpiDmfUuw9HCbCN9oJX6S4we1MIqdiFpmfOELBki9Egg0EhHxGjq5zi5SbTPMu93tPW_kXhkaDxPbLIBEZLvkO2ZrlWUkvNGaxNEQORHH/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/AVvXsEgRwC6VEdZvIFSFWIvINN9PrVZTWbuJeBZCihS0kvPSxIMDbf_lcIuozckkmi28q0onvo0XikISY8ElyTcDZW7el3te7-OE-Kt8RPItm6GX-4O-gRRuS6MWCstIl20YjjhjPBoYhVpVgpVk/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/AVvXsEjwX8J-26JYk5lbe5j-w9BGsLJVNjy5PuKuRaw0MWTxhXLoXNOh3qtpTG-v5Thpkq4Q9G4QPviBaxuAbB5RJEch-4eEN457nAwWngRKU5k4Wq-aja8KHTFVTlKoxaCsJKlxnd5FCz4aqrq2/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/AVvXsEgG0Ix-gF-rX-5zasTUhX0TyW7D6I6xqyzHE6bIQoV6ncdmtDaBmMqVAZa51AF5cZAVFeda5pxmvU1-56szo6y6tM84DGgHsTIQZLuIQkFF6zLQRqznsbM_GtE8lSqkvm0ag0TZ-Pa7pWOZ/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/AVvXsEidrWBrOfnRKVbhOcyJAk0TyITLx8c417JNnH-fibhb25P_woStWOtPHUI2jT2_T2gREASSsFYiPGghbf91suqMs1Mwmegp7h1uXFAa0V2u5SI-0djpSGqyD7wzMLJkRam4wfFY_eCKrxAc/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/AVvXsEi2P8aJhOfXLCtIU72eUKj9GiWRwTE_iL7TBWUa8ql-fq8hxhwIBJCE4jrTE-5BROUOfRBbgRdG3WfXNHr95b7Z04CIUTd74lIVHcV0oldU0MOeS_PbX0rgcHlDghVAVa_8tduTl8-XH9u4/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/AVvXsEiWd31s83cpM0_lMIHEQDs2WKVzBlQjgPxkrdmZGgXKr58YZp3mYH87JrB3hYA14gSJhTVPL1FSuTmlncsBQMcAyNpUGW9-46NNLbG0Xb_wPsyMq21SGpiXOdOyiiHbLEAL3q2IhIV1SbsG/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/AVvXsEhHjfQf_x8y_9ulf-1LeXSPKryR95AAdbx5WOfM8TaVo7ce02JwXgdsST-p2ipNZJ-Xo5Kyhnnhc8Z2SkjpIyLb5bvA3wS3ipA21r-Cs1rRtM7yU-EmIKo4gyE7SmKjOn6B5LFlVTt1ztQp/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/AVvXsEj9Jp_gkiqSGp44csCdYSTe32EQniGhGRXFlk0hoMg6d1p-Ya6_Qm1ctaT2HLUZhoWjxUwxBTvykjuXRJykWDVhdL3zd7SnvrsGagGzbZzIen-N0UisWSqpsL5fRtfnFaNiuhTdN-PACo9y/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/AVvXsEibDNpnstc1I6_NkuY4UXZL1XPJCY8M3_SRljSfSV0DPxrmvcWCzBXZfdyDcDO1VOsAMMYdkbXHH2anP0Ycdgk7RAnWpkLjmZxi4fMPdsRxUHrtS8EZs32FUsnx1iW21T-aGh5g-pMXWWJ3/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/AVvXsEi5Q9Ys1oLcC_k-aq1-XuYKxBUNq91mXLfkCWFEzlYKrp9z_wuOnkLY7vprs4W6rFthDJ0u396lrW-6xfEUN5e0aWLhnBHke0JJtGuo6jSwx3H6LzaTfyeStVZ1XjVUxYF50R5qX-0LU3Fu/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/AVvXsEhUEFwe2PWvZZlAcr7JhSqn3zMsEjbmrQsrQuGsoGkfmbQe0hpu0UDLqCCOkqzhcPJxu563ElgT4J6dorCzUHCPAyKC8uqy8KEQfpn55dToHEnpYUBDpHkqXeK2l5ZaItenHTIC0MQYyK0E/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>
Step 4. Now click on Save
