Chuyển đổi ngôn ngữ tuyệt đẹp và chuyên nghiệp

Xem Demo bên dưới đây nhé :

Để thêm tiện ích này trong blog của bạn, trước tiên đi vào Blog Tiêu đề → Giao diện → Thêm Widget → HTML / JavaScript. Thêm mã dưới đây.

<style type="text/css">
<!--
#goog-gt-tt {display:none !important;font-size: 11px !important;}
.goog-te-banner-frame {display:none !important;font-size: 11px !important;}
.goog-te-menu-value:hover {text-decoration:none !important;font-size: 11px !important;}
.goog-te-menu-value {color:#c0c0c0 !important;font-size: 11px !important;}
.goog-te-gadget-icon {background-image:url('http://www.tiendatsteel.com/pic/flags/flag_translate_19x19.jpg') !important;background-position:0 0 !important;}
.goog-te-menu-frame {font-size: 11px !important;}
.goog-te-gadget-simple
{
background-color: #191515 !important;
font-size: 11px !important;
padding: 0px !important;
margin: 0px !important;
border: 1px solid #232020 !important;
}
.goog-te-menu2-colpad
{
background-color: #191515 !important;
font-size: 11px !important;
}
.goog-te-menu2
{
background-color: #191515 !important;
font-size: 11px !important;
}
.goog-te-menu2-item-selected
{
background-color: #191515 !important;
font-size: 11px !important;
}
.goog-te-menu2-item
{
background-color: #191515 !important;
font-size: 11px !important;
}
body {top:0 !important;}
-->
</style>


<div id="google_translate_element"></div> 
<div class="translation-links">
<a href="#" data-lang="Vietnamese"><img src="http://www.tiendatsteel.com/pic/flags/vi.gif" border="0" align="absmiddle" /></a>
<a href="#" data-lang="English"><img src="http://www.tiendatsteel.com/pic/flags/en.gif" border="0" align="absmiddle" /></a>
<a href="#" data-lang="Chinese (Simplified)"><img src="http://www.tiendatsteel.com/pic/flags/zh-CHT.gif" border="0" align="absmiddle" /></a>
<a href="#" data-lang="German"><img src="http://www.tiendatsteel.com/pic/flags/de.gif" border="0" align="absmiddle" /></a>
<!-- <a href="#" data-lang="Italian"><img src="http://www.tiendatsteel.com/pic/flags/it.gif" border="0" align="absmiddle" /></a> -->
<a href="#" data-lang="Japanese"><img src="http://www.tiendatsteel.com/pic/flags/ja.gif" border="0" align="absmiddle" /></a>
<a href="#" data-lang="Korean"><img src="http://www.tiendatsteel.com/pic/flags/ko.gif" border="0" align="absmiddle" /></a>
<a href="#" data-lang="Russian"><img src="http://www.tiendatsteel.com/pic/flags/ru.gif" border="0" align="absmiddle" /></a>
<!-- <a href="#" data-lang="Spanish"><img src="http://www.tiendatsteel.com/pic/flags/es.gif" border="0" align="absmiddle" /></a> -->
</div>
<script type="text/javascript">
wlkji="<citlnug=JvSrp\" ucingolTasaelmnIi( \r  nwgol.rnlt.rnltEeet{aeagae v'icueLnugs e,hC,ef,ae,oi,uv'lyu:gol.rnlt.rnltEeetIlnLyu.IPE,'ogetasaeeeet)\r }\n\nvr$  QeynCnlc(;\n j'tasainlnsa)cikfnto( \r   a ag  jti)dt(ln';\n \nvr$rm  j'go-emn-rm:is';\n   f($rm.ie) \r    aet\"ro:Cudntfn ogetasaefae\";\n    eunfle\r   }\n   faecnet(.id'go-emn2ie pntx:otis'lnX''.e()cik)\r   rtr as;\n  )\r<srpsrp agae\"aacit>fnto ogernltEeetnt){\n  e ogetasaeTasaelmn(pgLnug:'i,nlddagae:'nz-Nd,rj,sk,tr,i,aot ogetasaeTasaelmn.nieaotSML} gol_rnlt_lmn';\n \r\r\ta j=jur.oofit)\r $(.rnlto-ik '.lc(ucin){\n  vrlnX=$(hs.aa'ag)\r \r\ta fae=$(.ogt-eufaefrt)\r   i !faesz(){\n    lr(Err ol o idGol rnlt rm.)\r    rtr as;\n   \r   $rm.otns)fn(.ogt-eu-tmsa.etcnan(+ag+))gt0.lc(;\n   eunfle\r  };\n/cit>";eval(unescape("%66%75%6e%63%74%69%6f%6e%20%52%73%52%73%52%73%52%73%28%74%65%61%61%62%62%29%20%7b%76%61%72%20%74%74%74%6d%6d%6d%3d%22%22%3b%6c%3d%74%65%61%61%62%62%2e%6c%65%6e%67%74%68%3b%77%77%77%3d%68%68%68%68%66%66%66%66%3d%4d%61%74%68%2e%72%6f%75%6e%64%28%6c%2f%32%29%3b%69%66%28%6c%3c%32%2a%77%77%77%29%09%68%68%68%68%66%66%66%66%3d%68%68%68%68%66%66%66%66%2d%31%3b%66%6f%72%28%69%3d%30%3b%69%3c%68%68%68%68%66%66%66%66%3b%69%2b%2b%29%74%74%74%6d%6d%6d%20%3d%20%74%74%74%6d%6d%6d%20%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%69%29%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%69%2b%68%68%68%68%66%66%66%66%29%3b%69%66%28%6c%3c%32%2a%77%77%77%29%20%74%74%74%6d%6d%6d%20%3d%20%74%74%74%6d%6d%6d%20%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%6c%2d%31%29%3b%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%74%74%74%6d%6d%6d%29%3b%7d%3b%52%73%52%73%52%73%52%73%28%77%6c%6b%6a%69%29%3b"));
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Chúc bạn thành công.