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

/
jquery translate
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 :

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="http://2.bp.blogspot.com/_9f84sW5p23I/TRxGl5Mcu-I/AAAAAAAAAV8/S3pkV5G8QcE/s1600/spanish.png" /></a><a href="javascript:void(0)" onclick="lanEN()" title="English"><img style="margin-right:5px" alt="English" src="http://1.bp.blogspot.com/_9f84sW5p23I/TRxGkSfkSiI/AAAAAAAAAVw/nEwNg6cyxvg/s1600/english.png" /></a><a href="javascript:void(0)" onclick="lanFR()" title="French"><img style="margin-right:5px" alt="French" src="http://1.bp.blogspot.com/_9f84sW5p23I/TRxGk0Bu5aI/AAAAAAAAAV0/V2AiefsUjhw/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>
Add a Comment

26 comments

Hi Noct,

Làm multi-languages cho Blogspot dù rất dễ (Google hỗ trợ rồi) nhưng tùy biến chưa cao.

Để nghiên cứu bài của cậu xem thế nào.

Blog cậu đẹp khiếp thế ^_^.

1/17/2011 comment-delete

3 file .js. Nhìn thấy .js là mình khiếp rùi ! lại thêm thằng jquery.min > 70K là...^^

1/19/2011 comment-delete

File cookie.js khá nhẹ nên có thể chèn thẳng vào template luôn đó bạn, mình không trích xuất ra là để code tiện ích nó ngắn gọn hơn thôi.

1/19/2011 comment-delete

Temp bạn dùng rất ấn tượng ! Bạn code pro thật đấy !

1/19/2011 comment-delete

Cái này từ trang Code1k.com đây mà, hơi nặng và xung đột. Xài cái của tớ nhẹ hơn này

Code1k lại lấy tiện ích này từ một blog khác của em bác ạ :-?, và trên blog đó em đặt tên tiện ích là "Switch Language", nhưng chính xác nó là Jquery Translate :D

1/24/2011 comment-delete

À lúc trước anh cũng nghe nói vụ Switch Language trên code1k.com là vụ ăn trộm code, a tìm đọc bài đó thì bị xóa mất nên k biết là lấy từ blog khác của em. Cái của em về cơ bản cũng giống của anh tí đấy, nói chung đều dùng Jquery Translate b-). Nói thật là ngán bị copy quá, a thử search trên google thấy bài viết của mình bị phát tán lung tung k để nguồn tác giả thấy mà bạc bẽo thật.

Đúng là ngao ngán thật anh nhỉ [-(

Thế ra admin bên đó có lập topic riêng để tự sướng nữa à =)). Công nghệ Switch Language cơ đấy, hài vật vã :D

1/31/2011 comment-delete

Thực sự cái vụ Switch Language a k biết căn nguyên thế nào nữa, vì tìm bài đó đọc thì k còn link do bị delete mất.

Mà Noct để câu "Tiện ích này đã được admin code1k nâng lên 1 tầm vóc mới với tên gọi công nghệ Switch Language, chúng ta hãy vỗ tay hoan hô cho công sức copy + paste + rename của chú ấy." thì blog của em sẽ bị spam khiếp đấy.

Em del dòng đó rồi :D

Trước tết bị spam quá nên chọc nó tức chơi ấy mà :*

2/10/2011 comment-delete

Chèn tiếng Nga thì là lanRU() phải không pro. Sao mình chèn nó không hiểu nhỉ

Nặc danh
2/16/2011 comment-delete

À phải edit cả trong file cookie.js nữa :))

Mà lần sau đừng chọn ẩn danh nhé cậu, tớ không thích trả lời đâu.

2/16/2011 comment-delete

Không được Nock ơi, m làm không nó không chạy, quay lại xem Demo của bạn cũng chết queo luôn

7/10/2011 comment-delete

À các file js đã die rồi, để up lại.

7/10/2011 comment-delete

Sao không thêm ngôn ngữ như hướng dẫn được bác ơi?
Em giúp em thêm 1 ngôn ngữ với: Korean thử xem lại được ko ạh

7/15/2011 comment-delete

Mình muốn thêm ngôn ngữ của Nga; Italia, Trung Quốc, Thailand, Hàn Quốc, bạn giúp mình với.

8/22/2011 comment-delete

gửi chi mình vào địa chỉ : thanhdnn@gmail.com; Cảm ơn bạn nhiều.

8/22/2011 comment-delete

bạn chỉ việc copy rồi sửa lại các đoạn như lanVN thành lanCH (khựa), lanTH (thái) ... là được :D

8/23/2011 comment-delete

Chú Noct xóa comment em rồi :D, em cũng muốn giúp người chứ bộ

8/23/2011 comment-delete

Không có comment nào của MQ bị xóa trong bài này :-?
Có nhầm không ?

8/23/2011 comment-delete

Em nhớ hồi qua gửi comments vào bài này chắc nó nhảy vào spam :->

8/23/2011 comment-delete

Sao em làm nó không có chuyển ngôn ngữ vậy anh Noct :((
Link: http://wade-blog.blogspot.com

10/11/2011 comment-delete

@Wade Lưu template của em có đến 3 jquery.js , xóa 2 cái dưới cùng là được

10/11/2011 comment-delete

giúp em với anh noct, của em ko ra http://tusachtaydo.blogspot.com/
thank anh

Nhận xét này đã bị quản trị viên blog xóa.

ko hoạt động

Đăng nhận xét

- Không chèn liên kết quảng cáo khi đăng nhận xét.
- Nội dung nên liên quan tới chủ đề của bài.
- Use English if you do not understand what we are talking about.

Chèn Emoticons
Top
Copyright © 2011 Noct Blog. Content is licensed under a Creative Commons Attribution-NonCommercial 3.0 License