Wiget Google dịch kèm lá cờ các nước

Posted by on

Nếu blog của bạn có nhiều người nước ngoài truy cập thì chúng ta cần một wiget để dịch từ Tiếng Việt ra tiếng nước ngoài, Blogger đã cung cấp cho chúng ta wiget Google Translate nhưng nó hơi đơn điệu. Hôm nay, mình xin giới thiệu một wiget để dịch nhưng có sử dụng thêm lá cờ các nước.

#Cách tiến hành

1. Đăng nhập Blogger > Bố cục.
2. Thêm tiện ích > HTML/Javascrip.
3. Dán code dưới vào > Save.
<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/AVvXsEi_7KvEP2PyecYwwh4o4nZ28c_F8KQLHTh8g2zUBdWp98s6ouX94FdRm9JkHkB1LKm6dfCSgIKehILO8S3pQdijpYW7LP00B5cmgMgZ8y-2VJPTxlAVgIyRHemF29fKnR0EYf6MP1h1Ipfw/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/AVvXsEgPsACNKCuB0zTf3HersZpEqz4_lMdRrcE-XcXmHBIdCo9zA7gmUmNu_AybNSCHdqR2P5AuNrw2A7b9_MtgfCoqE71qacUWIZQmZPlzU5_ey1RdcQD3v_sQhU0yCRSthiC1S8sln2v9gdJj/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/AVvXsEhar47b-hAYlFOez8MwSTO0RYNhM9xeTrKTWgiHjSVbr9Itm7nx559xrC7CyeawCFWRvJQ-t2aiKo4TfafkCGg03NuOiCMix_6ovzov_uClD3F-2pkF4nrpRq8Jo7Q3BFZGxpGIxwZq1TbZ/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/AVvXsEjhKXYrW5foW0VGWzXyRxDV85orRJk362M66GrDP1UTe6IY-dykavCyiU9Ng3j6BdqWKGmTNu_an_d1DpU2wsWufB_C8K7jZTiPJnT52LYA_3EmoHXc2d5gHt0cFOiWFndS1ROgdT4BIo9F/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/AVvXsEj6jRQ14ZcPEZmbDIcBsYE_PyojfeEL393cf-Kjzp1rh3uka9m0drZV0Zi8uLTEMmNHwRn3TCo5k69dbF_0qBLxqhUCALJjMEHWfEyZwJISqbh-W7L9zwcqKY3MWyyZVgDzy7dvxpTra-OA/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/AVvXsEgpxR09hCm-H0W16NQzfbhouIT-6cznChEvWan5OF3LEIlN4DVJLAX3WbVPdhI3Zjz1ZxmXTTgB6oY4NzntAa9OcjckZ0cXI2I7vwowJzau7bUl9ycA3huwtmyN9P0fS44cBbfRIzruU5ov/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/AVvXsEjt69cP-Zljyb5b5pXNXGylVvSy1m1zlskL9PBdtkRDvGzgGogzsKt1GC7Ku9_nV3Zlp8-buAsMQ8QvryMJiuZDnWTr_XJIwdiGWRYd89crH8CayCnYB91yivyo0KXzN5UHm0QPxf2iDHrp/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/AVvXsEiGX-GzJOi8v_T3LV7OjmURm8mcvfT_0NEJgBAz7RFi934yFZQzBMrmnftVYn2fy5pOzNF7rpq0OTyoeWBHyhdEVnvH6IAk2cbyAeqZhyGBVqTKr6OU3djqUvWKNlLPhjDoEEBF305R71t6/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/AVvXsEhe2NA7itVK_pAgU48yIRBXR7v50b1_eTcCLe8Jf8exP417BZ5DJCFA3JNsBBbYzpeHZOkRWC13wIINwkng7eW8HxYXBW9_AW-Nv1JKXrGlFxz_cGwLdbs3T_MYpZOkPq3zkpaIC-eVd77u/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/AVvXsEizotlhlMYk1t6-bLY2tbzkMdEr9RaoEz6wqWnQau_z9QrQnOGXdd9p6z_61J9CLzx6KLaW8gWDNzkkciHrmACIDu2vENhzEbAf_9GxNcm-A9S9WA5hiuaM2yX0FgUY44LwIhbD_1ANbBrk/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/AVvXsEjn0ExIO134cNvSFNAdIDiHLlW8xD-4CHaHTJjaVUkhWE33solBDM_On_Upou_w7QpMCKnKugxi4fRU5tBB5uCcgVr76GHz_w1N8C31_9rzCt46c4wirkn-G4PfL4vUbOro3kK6g0vkdvlE/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/AVvXsEjfwtwYKxpfXp_rUbumm381loJAW3D9wg7A8EIwtZTttkpfsnDE26u8tI2tfQdBcCRrZxDKUabpZWspB5ulGP2fBPyEMZdP4jFiBbLejyGEfN3w1WHvdWlT2gmXvrdGjw8P01u7YN7nGNwE/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>
Chúc thành công!!!
Nguồn Helplogger
Hi! My name is Quoc Khanh. I am from Vietnam.

Comments

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.