Tiện ích dịch ngôn ngữ Jquery Translate cho blogspot

Chắc hẳn bạn đã biết tới tiện ích Google Translate - rất hữu dụng cho các website mà có traffic từ nhiều quốc gia khác nhau. Tiện ích mà mình sắp giới thiệu dưới đây cũng dựa trên công cụ Translate của Google nhưng có kết hợp với Jquery :

Xem demo

Cool ? Toàn bộ trang web đã được dịch sang ngôn ngữ khác mà không phải mở thêm một tab nội dung mới trên trình duyệt. Đặc biệt hơn nữa, ngôn ngữ vẫn được dịch tự động vào các lần truy cập tiếp theo.

Để add tiện ích này vào blog thì bạn tạo một widget HTML/javascript mới rồi paste đoạn code sau vào:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://jquery-translate.googlecode.com/files/jquery.translate-1.3.9.min.js" type="text/javascript"></script>
<script type='text/javascript'>//<![CDATA[
jQuery.cookie=function(key,value,options){if(arguments.length>1&&(value===null||typeof value!=="object")){options=jQuery.extend({},options);if(value===null){options.expires=-1;}
if(typeof options.expires==='number'){var days=options.expires,t=options.expires=new Date();t.setDate(t.getDate()+days);}
return(document.cookie=[encodeURIComponent(key),'=',options.raw?String(value):encodeURIComponent(String(value)),options.expires?'; expires='+options.expires.toUTCString():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''));}
options=value||{};var result,decode=options.raw?function(s){return s;}:decodeURIComponent;return(result=new RegExp('(?:^|; )'+encodeURIComponent(key)+'=([^;]*)').exec(document.cookie))?decode(result[1]):null;};
var date=new Date();date.setTime(date.getTime()+(86400*360));$(function(){if($.cookie('lang')=='EN'){lanEN();}
if($.cookie('lang')=='VI'){lanVN();}
if($.cookie('lang')=='ES'){lanES();}
if($.cookie('lang')=='FR'){lanFR();}})
function lanVN(){$('body').translate('vietnamese');$.cookie('lang','VN',{path:'/',expires:date});}
function lanEN(){$('body').translate('english');$.cookie('lang','EN',{path:'/',expires:date});}
function lanES(){$('body').translate('Spanish');$.cookie('lang','ES',{path:'/',expires:date});}
function lanFR(){$('body').translate('French');$.cookie('lang','FR',{path:'/',expires:date});}
//]]></script>
<a href="javascript:void(0)" onclick="lanES()" title="Espanol"><img style="margin-right:5px" alt="Spanish" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrKQGnSRZ8_kec7IhE6FScu3afocMwAbabYtLFjYGCrMKZBt5Ld8Zo0im3X8AFiAUKjUAPtoM8sQJaEvpdsBh7MwoSGJwpRlhOumCjfR15ERyt_iMp2eXxv-TSlsNfDyQVhUdYP4P6AU/s1600/spanish.png" /></a><a href="javascript:void(0)" onclick="lanEN()" title="English"><img style="margin-right:5px" alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk4SrgDWbzUHgNFw24PbBN2b-gN6nJCMFM5cH918HuB1WwLqlJ7dNSfL2aiZvEXNcGuhhMOS7ikrHiHRVjO0nD6E2HlM1c6kEPqh1Oz5qt_4zNoqogBby54XVbsoRAst4WRi7g2exW4WE/s1600/english.png" /></a><a href="javascript:void(0)" onclick="lanFR()" title="French"><img style="margin-right:5px" alt="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqXzk2bLlUgfbfhcK0u_gwDICEdt5fZl2p5dGGaaqT5ZPW18RKW4VoMJknhU-jYeqVKiu3-K0xtiwCCJd6Ysy3C1Oi4hycIph-8zIp5aD5tDRGvFNYBS-I5hjQ9V1U910ywAjRrs6OEqY/s1600/french.png" /></a><a href="javascript:void(0)" onclick="lanVN()" title="Vietnamese"><img alt="Vietnamese" src="http://lh5.ggpht.com/_rVQLxDFDz0A/TJXxIw-AcOI/AAAAAAAAGqQ/6wL1yekmQls/Vietnam.png" /></a>
Bạn có thể thêm vào một số ngôn ngữ khác mà Google có hỗ trợ bằng cách thay đổi các dòng màu đỏ:
<a href="javascript:void(0)" onclick="lanVN()" title="Vietnamese"><img alt="Vietnamese" src="image.png" /></a>