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

Posted by chiasedamme on Tuesday, December 7, 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

{ 0 comments... read them below or add one }

Post a Comment