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>
<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>
<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
No comments:
Post a Comment
Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D