How to Add Google Translator With Flags For Blogger
Visitors of your blog are from different countries knowing
different languages . To provide visitors translation facility add Google Translate Widget With Flags To Your Blogger Blog.
This
widget detects your blog language and also translates it to the readers chosen
language. This widget allow your readers to translate your blog in 12 different
languages, which are English, French, German, Spanish, Italian, Dutch,
Portuguese, Russian, Japanese, Korean, Arabic And Chinese.
Step 1: Go to Blogger Dashboard► Select Your Blog
►Layout
►Add
a Gadget
Step 2 : Select HTML /Javascript from the list of gadgets .
Step 3 : Now Copy (Ctrl+C) and Paste (Ctrl+V) the following HTML Code in the HTML/Javascript 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/AVvXsEgRl58ylJ90YSt7shsA7dAbX70RzS2rr8btUyil4UcefUt_Ns2dLloPtTAlE4gtddOR3Gq_lgCm3VzC9oXnQsuzh0SzO2HLGa4rR6Nr8A_FMFTzPrHI97qqYd14iJmz5LBy7LnYwZgbo0yF/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/AVvXsEi0phNZlZUJTsX5QlAgK0gHJa8LTobFKr17X_S0snm25NpUNvdF0p5s8fp8ffvouKOSKUGt3vj9mdo0ZqIVZZoGCiLYcFr7HQDQKLZL-bndx11gsHdYqRfCBWLOK1HzRvhH2w0HQtzMGPiB/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/AVvXsEjqEgg-1JlTIAyDeh_J9_dWJ8uSVDhkYwWddfoDdBwz6XwSAfdlXu1mDIk8BitNbpQ9p0dvr4xyeUjtBPfUux-zL3il4VhM6cfBgaTjSXACxo_MHtTXdlu3G2Vg9npl4lyr_xddNCjtigcB/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/AVvXsEjUfD4dt5SDgX_e4stsi00edlIlWBUid8Y_tjaGhnseFQC-w36ycZRHV-tsxMDEQUdSDJrf48la0pQb7OJ7zKMxrS1oL3EMB8c0VYmvb1FYVZxhDTsDRV3cGzZho4Q3DzuRT1JVMJrMHKzB/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/AVvXsEiA7bzEsNLX3-MCNBrr8R4JxTMDiCihNsfjrQ7RWz_KZj58SyLxGyGr66JRegV0541PA_p6uWrFwXz6S6tDTy4RaOoHhKu4MhgqHM-LHLOYXmPMmu1VZGxO3XEwkkZrWuLuGNIvgsjQ87pe/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/AVvXsEiv7GexrSfqtdaipXhhZGkN1QwM1X6w60qa_pez8AGPfNtdDFVuGxfC1etghgxBHZO7V3NZpazv-Jp1aSZm0__UKP68DC6A1ej1fwP2EXkqK6EBkm50vA8J0GC03sxzXlsOOAqLA8AL1Zas/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/AVvXsEj4oa1QiSfmFlOmMXIm6wON5PsGzAno8jbtDnB1ZZhGAVxEQspvEfNuBagpwRALvJCUmOfk9XE87R3cMK-kZKTWb3Rvbr4WgNIUyZGHQtpAte-4S561TApBt4Sz5cryOZ6esGueWGW6asGJ/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/AVvXsEgG8xbQgjPOyt0Jy9sg9TvIOwP7KNu6sU8VxLZKJlAoYwEFTJL_HqR0By3IDvE73XO78uuGe_FvWZiE5i768nCW9H4FGKZy2Q6e8tpJQ39prmkjKjFbK81fJmMtohcE0T7rZRiUk4DOJK_F/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/AVvXsEgW81kS-s8NZikKKU_Q0PJiD8pcbGrjRAZBE08qxZXtMy-3GgnYJk3MMEpOD-b14sCKI7ClgKofNMzDSlVigPWiY75exfK8AMidfBgYKh3uQ-YJ1yhJ0JK2PyIUgzt4OOWpWnTOcqErW1YH/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/AVvXsEhVbsaNJATQFGg9PCPDoUg8n0ytQW1LpdM8ssN3XUihHkXqlMbXPhHDGI0-erBIOv5SZ3K8qLkz1uFrNPd-milUtIMDxcVg124E7CgHlAeMBRIkE7yXMnyvDn92e2Z9W1zzEqkBIs-tmQ-c/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/AVvXsEgt4x-FU49inOb60yQ0dcWj00HC_lFr4ERu7CIm8NpAuDh3sJyTPb4naud7LGpb1NvJLWdsRMsEJkotBapJaO-igyK6TAxZBhES2hU3QRSIHgNQXaGLxy1JaxmjUudePYg9fV26Zy3KgsRK/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/AVvXsEh5O900QDtA8ay2NWc33HSqli-CPewBsj_nIxO0i3nRmC0iTyKPQr4iumQM_N6IVzTLEOm3tqql7_pZeevb5UZMQfn-Hz8cgYktqivfbQaG2sKgOHqR-3wuMn3KczTjXTIHrQDjl5KTq5MZ/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>
</p></div></div>
Do You Like This Post ?