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/AVvXsEgiHS2mmkve5g-5P3OJfzylDvbua9Ma-zx4MtcUpqqFmLS7L1HtSfmUeuAmjuhjM4dpiWK_zibpZKIAiUGEWXFfnk-UfbypnfJY5CS_JWzT9Wz9JknGrf9y3q1TKHTkMr9OMXUu7RLyzFjj/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/AVvXsEh1wWQ68eVRXCg9EeHxTadgSwYCJdU4G69HS0GbLJ0Rqnl0k3Q0nf6IQgu0oK-mZZm-GsX9o3uQL70ui735F1NfPh3xrhIo065Amlhqk4OjyahZapYZ4mvB-ak_2um7mjNHUby9N5t4dW43/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/AVvXsEj33PEEeee0XdbNarzgtNArgw-sp8k1EAy6ZE_4oazMqZUKus47ADDPRtqXkmdeB3XiJ01HzEdKyD3mYzlUuWyJpCGVFQpQremqwuusB7XYYgwAqlCEpyKlAXUFCUnP7UPlM8YHS6haKKDs/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/AVvXsEgJWPXSUBu65cgNrebYt9-6l5d13Fy-FpyYWTsPjFj-b33J2_bIycr5GpcXkeK9gsC1PbjwqLKAqqv0splKopPKIrhFEKC84R4Dux9ST9bZ33aoutcLHTygzgncfkmoEbir9s0HA1bWZe49/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/AVvXsEjEo3-iEqw-8Nv7wtopgIGp3zhz5dFbFiAltI9EqC_7DYDGJnr_tS8Rh7RbVGRHLE1TnDIbrLo1Ka3pkdtFKegW_pxZNpTlpPnfb0cqEuI-UCkIG_23BOpfntxNSE6uLmDRnbcjBLTtmkpM/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/AVvXsEg8UUevXyIwba9Afsln6UPtVTOoLj1wo4txi5lQNCoTGXtPrneV_QryllALcVvT3NsfQf3QFR_pYWf9f1rDg7BmbjiOzh8fW8rd2Kih1wX3cqzJaiqcodJgJaGhT1T3iAEn0YwJ8vLSVwVA/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/AVvXsEiPPQiofMROIiJpbAn4p-8SvHMF4q-2FMOyC11gTTMvsST8_Xi444yo61NgPCxVqMiXkG4fHcg2l_Mtee8GuC6sjpGH02MtjAlATw5tnMv424LWfuB2jto2TMfmQoc_BholN1VjYQfEYuYG/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/AVvXsEgZwmHdnkF3GgcRPunjBtQSmRZUGxj6AHiJ34yojCVVErbgtAFKDyRWDvDZcd7lzUu2oshaMS0YfMnHwLRFyabzPOwTcy1zmiRh_vZFvGlGsi1QwZ5hVrT-WFzzxSH05BksCrEUfwFYjRta/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/AVvXsEiu0ggPITfkAdEo_kwfFxmeURv3vJt5-EAGzieKubIYUMioUn-pNTEit0m1vleKruSEWAXV_iXxZYBWlAOu_2icOaoUsuDJgxvLJubNeBKxyfgGL_Ajvg3Br_iFT4Ot1Oc1Ee_ZOr279eX4/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/AVvXsEjB-U2LpEMeoiNRspY-Enwb63zEM7AKVJJztZIPdmeTYu4XVJUnj1SWptwddSNLgxAnTNxn1-yF1xy_TsT6Yh9FH-_Xq7sy-e1LKnoLDACa3_xHNakwD0r2RCRyFk3RJatA2BFsHyG2VGHA/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/AVvXsEhuo76IAcqCYSU2KwHqU9h45dSoha3fiLM3HlDLs3dYxltc33c10e0hw2kiITbA-sR4cGUnbSE0Rl0bVL7MbN97ouk8zfhF69HoU9ApSRa2lyvoCS8uUkQ3TMINg3TXwVHApE8Xd79rU3IN/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/AVvXsEgs9-vfV-UjTxZV-aZkia4HCu0B-Kz7UD9PeaCcOpQp4TtB50yIyLgBDhBXpoxDRp7tFjfEiwnB4LV0iOEF2qb6jtb7RmQsKjt_jl51gLQ5i8hrOwV3YCGWcTLmdW-Vv6v7KpUjdGV9UMVC/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</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/AVvXsEgiHS2mmkve5g-5P3OJfzylDvbua9Ma-zx4MtcUpqqFmLS7L1HtSfmUeuAmjuhjM4dpiWK_zibpZKIAiUGEWXFfnk-UfbypnfJY5CS_JWzT9Wz9JknGrf9y3q1TKHTkMr9OMXUu7RLyzFjj/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/AVvXsEh1wWQ68eVRXCg9EeHxTadgSwYCJdU4G69HS0GbLJ0Rqnl0k3Q0nf6IQgu0oK-mZZm-GsX9o3uQL70ui735F1NfPh3xrhIo065Amlhqk4OjyahZapYZ4mvB-ak_2um7mjNHUby9N5t4dW43/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/AVvXsEj33PEEeee0XdbNarzgtNArgw-sp8k1EAy6ZE_4oazMqZUKus47ADDPRtqXkmdeB3XiJ01HzEdKyD3mYzlUuWyJpCGVFQpQremqwuusB7XYYgwAqlCEpyKlAXUFCUnP7UPlM8YHS6haKKDs/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/AVvXsEgJWPXSUBu65cgNrebYt9-6l5d13Fy-FpyYWTsPjFj-b33J2_bIycr5GpcXkeK9gsC1PbjwqLKAqqv0splKopPKIrhFEKC84R4Dux9ST9bZ33aoutcLHTygzgncfkmoEbir9s0HA1bWZe49/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/AVvXsEjEo3-iEqw-8Nv7wtopgIGp3zhz5dFbFiAltI9EqC_7DYDGJnr_tS8Rh7RbVGRHLE1TnDIbrLo1Ka3pkdtFKegW_pxZNpTlpPnfb0cqEuI-UCkIG_23BOpfntxNSE6uLmDRnbcjBLTtmkpM/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/AVvXsEg8UUevXyIwba9Afsln6UPtVTOoLj1wo4txi5lQNCoTGXtPrneV_QryllALcVvT3NsfQf3QFR_pYWf9f1rDg7BmbjiOzh8fW8rd2Kih1wX3cqzJaiqcodJgJaGhT1T3iAEn0YwJ8vLSVwVA/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/AVvXsEiPPQiofMROIiJpbAn4p-8SvHMF4q-2FMOyC11gTTMvsST8_Xi444yo61NgPCxVqMiXkG4fHcg2l_Mtee8GuC6sjpGH02MtjAlATw5tnMv424LWfuB2jto2TMfmQoc_BholN1VjYQfEYuYG/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/AVvXsEgZwmHdnkF3GgcRPunjBtQSmRZUGxj6AHiJ34yojCVVErbgtAFKDyRWDvDZcd7lzUu2oshaMS0YfMnHwLRFyabzPOwTcy1zmiRh_vZFvGlGsi1QwZ5hVrT-WFzzxSH05BksCrEUfwFYjRta/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/AVvXsEiu0ggPITfkAdEo_kwfFxmeURv3vJt5-EAGzieKubIYUMioUn-pNTEit0m1vleKruSEWAXV_iXxZYBWlAOu_2icOaoUsuDJgxvLJubNeBKxyfgGL_Ajvg3Br_iFT4Ot1Oc1Ee_ZOr279eX4/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/AVvXsEjB-U2LpEMeoiNRspY-Enwb63zEM7AKVJJztZIPdmeTYu4XVJUnj1SWptwddSNLgxAnTNxn1-yF1xy_TsT6Yh9FH-_Xq7sy-e1LKnoLDACa3_xHNakwD0r2RCRyFk3RJatA2BFsHyG2VGHA/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/AVvXsEhuo76IAcqCYSU2KwHqU9h45dSoha3fiLM3HlDLs3dYxltc33c10e0hw2kiITbA-sR4cGUnbSE0Rl0bVL7MbN97ouk8zfhF69HoU9ApSRa2lyvoCS8uUkQ3TMINg3TXwVHApE8Xd79rU3IN/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/AVvXsEgs9-vfV-UjTxZV-aZkia4HCu0B-Kz7UD9PeaCcOpQp4TtB50yIyLgBDhBXpoxDRp7tFjfEiwnB4LV0iOEF2qb6jtb7RmQsKjt_jl51gLQ5i8hrOwV3YCGWcTLmdW-Vv6v7KpUjdGV9UMVC/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</p>
</div>
</div>
Step 4. Now click on Save
And you're done! Enjoy (:
Không có nhận xét nào
Đăng nhận xét