Thêm tiện ích Google Translate cho blogspot ~ Thế Giới Thủ thuật

Google Translate Widget cho phép khách viếng thăm dịch trang web của bạn ra nhiều thứ tiếng với ngôn ngữ riêng của họ. Dĩ nhiên các phần dịch này là của Google. Widget này hỗ trợ 12 thứ tiếng là : English, French, German, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic và Chinese.

Các bạn làm theo từng bước sau để chèn widget này vào blog của mình :
Bước 1 : Đăng nhập Blogger--> Chon bố cục--> Thêm tiện ích HTML/ Javascript
Bước 2 : Copy đoạn code sau và paste vào :


[code lang="javascript"]
<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 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/AVvXsEiySwzj8M9OcvVmvcLTgcwezFnuDpJ80StfGcf0BOgB0Po8jOTFEEcNTKj0hQiJ6teyMLb1Biokh4xEX2tn1PXcZjyaw9MwR5m3_9EshbmCSrapMV6zE4nQfwo2vnN6xcqCGs9Xw_C-PTqu/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEhvJu2bJtHO4PqwpW_dkvXA7yArKlyrOVkQ7OsWICJPzZVwvAdPTeSnkRvMQUvNYxRIALe6OTWxbWU6QRNshqA_OFe-vQdHnA-tocYpdOePaDS2ov18jnnv1i1-_0cqsGiwR0GdprQ5EpmW/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEi5R07vAJDjd-09tVohCn4iQnogvxotHPCVlye9XgNHnQSVHfMvrgtCGU5mjWBEI4mVCFt1LU1FxeIFjx5c_wm782rQ-efahTOIRIjSoTxDgyzHXA_tk-tuvowujulcm2kQAqa6blA5kvL-/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEiRtBsiqoXxbw2peQFWScNgD-7qlEu-TMsTtlttPfcNKQB6zdnm-JYL3H0Mq_-EkfJ2ojhkNfhs11xQOeLUTcKyvgIZOmKVJ3iCTvqkqTfiof4vVTZX5pwZ2s4Vh8uYm_47CxRdsPM8qw_p/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show"
onclick="showHide('example');return false;">More</a>
<div id="example">
<a 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/AVvXsEiBURyC9RPYI0qpPNL9DSq4CapkRryTkuyoJoqt2jSKc4RZPjVq5G7Sg-yTi3aeFELtPwDPAfxexUjluClUgahNqW0Ua4z3cRvR9_F4vl87IgTjeTO1vl4FRaw3AAhTMMQe3vEUecQuJU0G/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEhYBdVDcnvfA6IDZGVgTparAtlqK_bI1pO7QIkijYjSvkS9XQNZ0iN0Sq2a1HUy4eRyF21Ti7qdIqHqOAY4En-YBUBPQAPz7MbKm7asz3MTbUScgv6u6lv3VD0Aub360en58r8-neZyah9C/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a 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/AVvXsEg17McW4EBTxsHvO7h7Eze2qoPYuVBf8JMM1RtKOflveHVJ_kDpuMhj-StKyrH1KaSinyDQRXz3VxWDP3ageSVicLjoGoRBwOYgg1WeE2xRFLpVXluTvaNmUC9G1-fMsyIOmHv-lPYj40CE/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEj-NHGMK69FODSuSOa-sqccVQgJyJPkiVryecLHoH8YGO6R0QdBUz_EaBpRHP2nOpBdxL4nho0cA6lwLH9o1y6AE1P_SmKtRtWhCdp_VfunIte2Q_E79KI93GSjNFMGxbeROeCSlSaIho2p/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
<a 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/AVvXsEiJz26F_bwJgYt8qpkoquqD-P4Yz_Ia0XBvgZEbEQeuT7hCE7XnbeU84vC368OdlfklxGSipeYFidpjkahxF_lrx8zNlMo-88R2QqGKrYzLLHMEHkZNXIu-_QwvcdAnaeRwpq7DVTb0sG_G/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEgvuyCxw740qK6KsEUUPy_OMC-PamSSW6x8ko4HuchPzP2qy8BziQ7zAg4bUwKisjiv1igh5cG33bPRz00H_rUDJH7VlgXnqLydIyXc8l_rRkSuR0d28ebzfLbynYkOKwF2uUOgOwhUeB8Q/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEjARP_XGuPnyXLiTS2uaDEOhpJoEjMAcAqRo0pacpMy8oz1FFnn0RafAgQjc2yYbGTSja94kYzIziA5iF790tu8FZ_7Bvhz0lGs0mozRkW6n7VT6LfxN0kQrk7hH-tO08ne-fLMTiNoeBZK/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>


<a 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/AVvXsEgzwIgass9dNjFSwF6Mh3Td2vZgvuCJ1CAinU8ae5JtrqL_FQA07K9tavABvpMofzokQZ0Lm6rQN9gFbDNxij7zvLL1jylzSAnA05h396n7rAmg0j7Ra2etBCZZ7b8NqJAHt2T6jG_XQb0F/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<p><a href="#" id="example-hide"
onclick="showHide('example');return false;">Hide / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
</div>
[/code]