某天在 趨勢報報 看到一篇文章，提到有一個叫做魔匠的語言翻譯小工具，可以把你的網站變成英文版、日文版、簡體版。看起來似乎挺不賴的，馬上去拜訪魔匠的官方網站，在閱讀並下載他們的工具後發現：

• 只有 繁中 <-> 簡中 、繁中 -> 日文
• 程式及相關檔案要照他們的規定擺，程式碼不准改。

怎麼會這樣子？?連 homepage 都可變成烘焙機，為什麼中英不給互轉？
繁簡互譯早就不是什麼新功能了，中文、英文的轉換才能看出翻譯的功力 (同時也外國人才能看得懂你的網站)。頓時心涼了半截，只好另尋他法。

接下來在逛 重灌狂人 的部落格時，發現了不來恩兄介紹了 Google 翻譯功能。
即然人家不給我動，那就來試試看怎麼把 Google 翻譯嵌在網站中。

接下來開始了 Google 客製化 的準備工作......

( 過了幾個小時...... )


底下就是客製化後的成果，個人專用的中英轉換工具... 嘿嘿~


先來看看成果如何：





本次做法主要是透過 JavaScript 來呼叫 Google 進行翻譯，最終執行的程式碼由 Google 所管理。詳細的程式原理及說明，有時間的話再用另一篇來解釋。

在這裡，直接說明怎麼安裝及設定。


【步驟一】
這底下這幾張圖存到你的部落格裡 ( 共4張)。




【步驟二】
打開記事本，填入底下的程式碼。

<table border=0 cellpadding="0" cellspacing="0"> <tr><td colspan="3"> <img src="http://pics19.blog.yam.com/6/userfile/r/ressol/album/t_1460b5761126d5.png"> </td></tr> <tr align="center"> <td><a href="javascript:dotrans('zh|en');" title="to English" class=""> <img src="http://pics19.blog.yam.com/6/userfile/r/ressol/album/t_1460b58dceb56e.png" border=0></a> </td> <td><a href="javascript:dotrans('zh-TW|zh-TW');" title="to Traditional Chinese" class=""> <img src="http://pics19.blog.yam.com/6/userfile/r/ressol/album/t_1460b58dcd55cf.png" border=0></a> </td> <td><a href="javascript:dotrans('zh-TW|zh-CN');" title="to Simply Chinese" class=""> <img src="http://pics19.blog.yam.com/6/userfile/r/ressol/album/t_1460b58dd0d2b2.png" border=0></a> </td> </tr> </table> <script language="javascript" type="text/javascript"> function dotrans(destLang) { var srcUrl = location.href.toLowerCase(); srcUrl = ((srcUrl.indexOf('%7c')!=-1 )? unescape(srcUrl.replace(/\+/g, " ")):srcUrl); if( srcUrl.indexOf('&langpair=') != -1 || srcUrl.indexOf('?langpair=')!=-1) { var idx = srcUrl.indexOf('&u='); if( idx == -1 ) return; srcUrl= srcUrl.substring(idx+3); } srcUrl = 'http://translate.google.com/translate_p?hl=zh-TW&langpair='+destLang+'&u='+srcUrl; location.href=srcUrl; } </script>

紅色字體的話份，請換成你部落格裡的實際圖檔位置 (就是一開始那四個圖檔啦 )


【步驟三】
把步驟二的程式碼，貼到可以擺放 JavaScript 的地方。
(以天空部落為例，要將程式碼放到自訂欄位裡 )



【步驟四】
更新你的部落格，大功告成。



ps 1. 如果你覺得麻煩的話，相關檔案可以在本篇文章的附件中找到。
ps 2. 程式在天空部落中測試後，初步還算正常。其他部落格系統未經過測試，相關程式碼有調整之可能。 (你的部落格必須要能允許你寫入 javascript / html 語法 )
ps 3. 魔匠的工具允許中英互轉，但使用上須遵守他們的一些規範。


相關檔案下載


消息更新：適用於 天空部落、無名小站、PIXNET