讓您的網頁即時支援其他語言


Google有提供讓網頁可以翻譯成許多語言,例如 繁體中文、簡體中文、英文、俄文、葡萄牙、韓文,連阿拉伯文也有喔!!

新增 [翻譯] 小工具

不過,我安裝後,使用的感覺,翻譯速度有點慢(其實還蠻久的),並且也不穩定(有時候會出現亂碼現象,另外翻譯工具下方會出現 " 小工具,Google 技術提供" 這字樣(不喜歡,不希望破壞網站風格)。

據我了解,Google是依據網頁的內容,剔除掉HTML標籤抓出內容值,逐步翻譯並重組網頁內容,所以有可能原先的網頁結構會被破壞掉,CSS也沒用了(繼續閱讀也失效了,尤其是使用IE更明顯) 。


由於我只要翻譯成 簡體中文 和英文,所以自己動手寫了一個,簡易版的翻譯連結(可以看看我網站右上方的地方)。


可以參考以下寫法,記得要將 myBlogUrl 改為你自己的網址。

這個目前只能有支援可制定HTML/JavaScript,的部落格平台(所以 無名..真是抱歉)。
如果你是使用blooger,就在管理介面,選擇 範本/網頁元素/ 加入網頁元素,點選 HTML/JavaScript, 將以下程式碼貼上。

<div id="translateLang"></div>

<style type="text/css">
#translateLang {
float:right;
margin:10px 10px 0 0;
}

#translateLang a:link ,#translateLang a:visited{
margin-right:8px;
color:#D2F000;
}

</style>
<script type="text/javascript">
var myBlogUrl = "http://dinghaw.blogspot.com/";
var translateUrl = "http://translate.google.com/translate_c?hl=zh-TW";
var translateLang = document.getElementById("translateLang");
if(translateLang){
var tHtml = '<a href="'+myBlogUrl+'">繁體</a>';
tHtml += '<a href="'+translateUrl+'&langpair=zh-TW|zh-CN&u='+myBlogUrl+'">簡體</a>';
tHtml += '<a href="'+translateUrl+'&langpair=zh-TW|en&u='+myBlogUrl+'">English</a>';
translateLang.innerHTML = tHtml;

}
</script>



其實原理很簡單,就是告訴它你要將哪個網站,從哪個語言翻譯成何種語言。
藍色字體,表示要從繁體中文轉換成簡体中文。
紅色字體,表示將翻譯的網頁的網址(也就是你的網址)。

http://translate.google.com/translate_c?hl=zh-TW&client=tmpg&
langpair=zh-TW|zh-CN&u=http://dinghaw.blogspot.com/


語言代碼
  • 繁體中文: zh-TW
  • 簡體中文: zh-CN
  • 日文: ja
  • 韓文: ko
  • 英文: en
  • 俄文: ru
  • 德文: de
  • 法文: fr
  • 希臘文: el
  • 荷蘭文: nl
  • 義大利文: it
  • 西班牙文: es
  • 阿拉伯文: ar
  • 葡萄牙文: pt
你可以根據上方的語言,自行定義出你想要的互轉語言,不過,目前支援互相轉換的語言,還是有限制,不是都能互轉(這很可惜,谷歌,不是萬能的嗎?)。

另外,你也可以修改要顯示的連結名稱,例如在程式碼中,"繁體" 可以替換成 "繁體中文",依此類推。

想要調整連結顯示的位置,找到margin,修改後面的值就可以了(依序為: 上方 右方 下方 左方)。

如果想要改變連結的顯示顏色,找到 color 替換掉後面的值就可以了(可參考網頁型色碼表)


另外一提,說明未何我會使用javascript來產生連結,而不是直接使用HTML語法。
這是因為,如果使用HTML,要回到原始網頁(繁體)會被引導到Google翻譯網頁內,而不是直接到你網站。

雖然目前這個網頁翻譯工具,還不是很理想(穩定),不過可以讓更多使用不同語言的網民,暸解你的網站內容,那也不錯了。(Goolge加油!!)

留言

匿名表示…
您好, 您blog右上方的翻譯成English目前設定是翻成繁體中文喔!
請您檢查看看, 因為好像怪怪的.
Mr.J寫道…
已經修正了(包括本頁所提到的程式嗎)
感謝喔~~