• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tiện ích Dịch website/webblog tự động qua 10 ngôn ngữ

33
07/12/2010

Tiện ích Dịch Blog (Translate this Blog) giúp cho người đọc không phải là người Việt Nam có thể sử dụng để chuyển blog tiếng Việt sang ngôn ngữ của người đọc. Cho đến thời điểm này, cộng đồng Blogger có một số thủ thuật tạo tiện ích kiểu này, nhưng chủ yếu là dùng công cụ dịch ngôn ngữ của Google, mỗi khi kích chuột vào một biểu tượng quốc kỳ của một quốc gia nào đó thì trang web sẽ chuyển đến trang dịch tự động của Google, như thế nhìn chung sẽ không chuyên nghiệp cho lắm.

Nghe nói bên trang code1k.com có tiện ích Switch Language nên tôi tìm xem và có test thử nhưng nhìn chung cũng không ổn cho lắm vì gặp sự cố xung đột code với trang web được dịch, hơn nữa code cũng hơi nặng nên tốc độ load rất chậm.

Sau một thời gian tìm tòi và thử nghiệm, cuối cùng tôi cũng cho ra đời tiện ích Dịch website/webblog tự động qua 10 ngôn ngữ với tiếng Việt là ngôn ngữ nguồn, hoạt động tốt trên mọi website/webblog và không hề có sự xung đột code.

Bạn có thể thử nghiệm demo trên blog của tôi. Sau đây là các bước cài đặt tiện ích.

1. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type="text/javascript" src="http://hacodeproject.googlecode.com/files/jquery.js"></script>
<script type="text/javascript" src="http://hacodeproject.googlecode.com/files/jquery-translate.js"></script>

2. Đặt đoạn code sau đây vào vị trí trang web muốn đặt tiện ích, giữa 2 thẻ <body>, </body>, đối với Blogger thì đặt toàn bộ code vào một tiện ích HTML/JavaScript.

<!—Translate Widget (c) 2010 www.huynh-nhat-ha.blogspot.com-->
<script type="text/javascript">
//<![CDATA[
if(jQuery.cookie('glang') && jQuery.cookie('glang') != 'vi') jQuery(function($){$('body').translate('vi', $.cookie('glang'), {toggle:true});});
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
function doTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;var lang=lang_pair.split('|')[1];if(lang=='pt')lang='pt-PT';jQuery.cookie('glang', lang);jQuery(function($){$('body').translate('vi', lang, {toggle:true});});}
//]]>
</script>
<a href="javascript:doTranslate('vi|vi')" title="Vietnamese"><img src="http://img834.imageshack.us/img834/945/vietnamvnflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Vietnamese" /></a>
<a href="javascript:doTranslate('vi|en')" title="English"><img src="http://img63.imageshack.us/img63/6618/englishflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="English" /></a>
<a href="javascript:doTranslate('vi|ar')" title="Arabic"><img src="http://img838.imageshack.us/img838/6618/arabicflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Arabic" /></a>
<a href="javascript:doTranslate('vi|zh-CN')" title="Chinese (Simplified)"><img src="http://img132.imageshack.us/img132/5194/chineseflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Chinese (Simplified)" /></a>
<a href="javascript:doTranslate('vi|ja')" title="Japanese"><img src="http://img836.imageshack.us/img836/7841/japaneseflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Japanese" /></a>
<a href="javascript:doTranslate('vi|ko')" title="Korean"><img src="http://img257.imageshack.us/img257/6923/koreanflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Korean" /></a>
<a href="javascript:doTranslate('vi|fr')" title="French"><img src="http://img840.imageshack.us/img840/8866/frenchflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="French" /></a>
<a href="javascript:doTranslate('vi|de')" title="German"><img src="http://img834.imageshack.us/img834/6708/germanflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="German" /></a>
<a href="javascript:doTranslate('vi|pt')" title="Portuguese"><img src="http://img524.imageshack.us/img524/6102/portugueseflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Portuguese" /></a>
<a href="javascript:doTranslate('vi|es')" title="Spanish"><img src="http://img716.imageshack.us/img716/2487/spanishflag.png" height="18" width="24" style="border:0;vertical-align:top;" alt="Spanish" /></a>

Hy vọng bạn sẽ thấy thích tiện ích này và cài đặt ngay cho website/webblog của bạn. Và đừng quên cho một bình luận chân thành về kỳ công của tác giả. :ha

{33 bình luậnAdd yours ?}

Thanhnewcc
10:32:00, 11 thg 12, 2010

cám ơn bạn nhiều nhé.code rất tuyet.ah bạn cho mình code dưa hình minh lên địa chỉ blog dc ko bạn

Reply
15:12:00, 11 thg 12, 2010

Đưa hình bạn lên thanh địa chỉ blog tức là đưa favicon đó mà. Bạn đọc bài này nhé. http://huynh-nhat-ha.blogspot.com/2010/11/tao-favicon-cho-blog.html

Reply
13:14:00, 12 thg 12, 2010

( Cảm ơn Hà - Tâm đã sử dụng - http://vietenter.blogspot.com )

Reply
16:56:00, 12 thg 12, 2010

Bài này hay đó bạn OK!

Reply
Kira
17:51:00, 17 thg 12, 2010

Mình đã làm đc cái này , thanks bạn nhìu...

Reply
17:31:00, 18 thg 12, 2010

Mình làm được nhưng không hiểu tại sau có khi click vào không có tác dụng, Hình như file *.JS không còn sử dụng được.

Reply
22:00:00, 18 thg 12, 2010

2 files js mình upload lên 250free.com do băng thông hàng tháng vượt hạn mức free nên host này treo cho đến đầu tháng mới trở lại bình thường. Nay mình upload lên googlecode rồi xài vô tư. Mình sẽ dành thời gian thay thế các files đã upload lên 250free.com.

Reply
nguyen_libra
18:12:00, 29 thg 12, 2010

Em gắn vào nhưng sao lúc click hg thấy gì hết anh Hà ơi!

Reply
19:16:00, 29 thg 12, 2010

Blog của Libra đã có sẵn file jquery.js rồi, đưa thêm vô là xung đột, với lại blog em nhiều js xung đột lung tung nên rất nặng, bị lỗi trên trình duyệt IE. Tốt nhất nên bỏ code hiệu ứng tuyết rơi đi, cái đó k đáng xài vì nặng quá.

Reply
nguyen_libra
01:08:00, 30 thg 12, 2010

Dạ, em bít ùi, hix...

Reply
Thắng
01:05:00, 9 thg 1, 2011

Chào bạn Hà
mình đã đọc bài viết tự động dịch site ra thành 10 ngôn ngữ,và mình đã làm theo.
Nhưng vấn đề là ở chỗ icon của English,Arabic,Portuguese nó không hiện lên,nó bị lỗi hay làm sao vậy bạn?
Mong nhận được sự giúp đỡ của bạn
Cảm ơn bạn nhiều...
blog của mình thangmmo.blogspot.com

Reply
15:20:00, 9 thg 1, 2011

Vì nhiều người xài chung tiện ích này nên icon k tải được. Bạn nên download mấy icon về rồi upload lên imageshack.us hoặc photobuck.com để xài riêng cho bạn sẽ ok thôi. x(

Reply
13:25:00, 6 thg 2, 2011

mình thấy càng add nhiều code thì web càng hay phát sinh lỗi và load càng nặng , nhất là những code chạy java .Nói chung thì nên xài những code cơ bản nhất thôi , còn vấn đề này chỉ dành để tham khảo hay vọc linh tinh chứ tốt nhất ko nên đưa chạy chính thức trên website

Reply
16:39:00, 9 thg 2, 2011

Tính năng chuyển ngữ khá sát với nguyên bản em ạ.

Rất cảm ơn em về tiện ích này.

Nếu có dịp anh mời em cà phê nhé.

Mr.Thành
goldandforex168
09174.12345

Reply
20:37:00, 9 thg 2, 2011

@Mr. Nguy?n Qu?c Th�nh Thanks a Thành, a với em cùng nghề hì hì. Anh cố lên nhé.

Reply
21:35:00, 10 thg 2, 2011

Bác Hà ơi hay là bác kiếm giùm em một cái template phù hợp với em nhất đi có read more tùy chỉnh và 2 cột trong 1 sidebar lớn và 2 cột nhỏ chia đều em đang cần gấp nhé

Reply
22:35:00, 10 thg 2, 2011

MQ xài cái này thử xem sao.

Reply
11:20:00, 11 thg 2, 2011

Hic , cái template này nó bị lỗi trầm trọng luôn , khung comment thì mất chắc mình nhớ bác làm convert cái này nè hồi trước mình nhờ bác làm rồi cái them Blues Theme http://wphacks.com/free-premium-wordpress-themes/ bác kéo xuống tí download về convert cho em nha , cái nút read more là nút có hiệu ứng như wordpress nha

Reply
11:42:00, 23 thg 2, 2011

tôi cài nó dịch tốt nhưng nó k hiện thị được ảnh các quốc kỳ :(

Reply
13:30:00, 23 thg 2, 2011

@Lamkan Do các link ảnh quốc kỳ upload trên imageshack.us bị quá tải vì nhiều người dùng chung nên k hiện lên được nữa. Để có thời gian upload lại, hoặc nếu bạn có ảnh thì upload cho bạn nhé.

Reply
09:35:00, 24 thg 2, 2011

Vậy à
Lúc hiện lúc không
^^ nhiều ng dùng quá
up ảnh lên như thế là up 1 cái hay mỗi lá cờ 1 cái ảnh riêng :D
Bạn cho mình 1 cái gốc đc k
mình up lên

Reply
08:05:00, 19 thg 3, 2011

Tiện ích này nhẹ hơn nè: http://translate.google.com/about/intl/en_ALL/tour.html#professional

Reply
13:17:00, 15 thg 7, 2011

Em đã thử nhưng không dịch được bác à, bác check lại em với em rất thích tiện ích này, vì template có vị trí rất thích hợp thanh bác. :51

Reply
13:39:00, 4 thg 11, 2011

Thanks bác Hà!
Hay thật

Reply
11:35:00, 26 thg 11, 2011

Cái này chạy tốt lắm Hà ạ. Tiếc rằng không tương thích với cái themes Newscast của blog mình, làm slider bị đơ :7)

Reply
09:37:00, 18 thg 3, 2012

không chạy bác ơi demo http://msmvietnam.blogspot.com/

Reply
23:33:00, 2 thg 5, 2012

Bác nào muốn dịch toàn trang hoặc website đa ngôn ngữ ( thể hiện Icon ) đẹp liên hệ với mình http://hit.com.vn

Reply
00:30:00, 12 thg 11, 2014

Bạn có thể giúp sư thay thê code dịch thêm ngôn ngữ khmer đc kg ạ!

Reply
13:33:00, 12 thg 12, 2014

mình làm nó không chạy bạn ơi, bấm vào ko có phản ứng j

Reply
00:01:00, 30 thg 4, 2015

Chào admin!
Mình làm theo hướng dẫn như trên nhưng khi click chuột vào biểu tượng flag thì nó không tự động dịch được, admin xem giúp ở địa chỉ http://wide.tsinterseatsvietnam.com/ và chỉ dẫn giúp mình với ah

Xin cảm ơn nhiều ah

Reply
16:59:00, 4 thg 7, 2015

Sao em đưa về nó hiển thị ra rồi mà nhấp chuột vào không dịch được ad ơi? Giúp em với http://www.tuvannamviet.com/ Cảm ơn ad nhiều !

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn