2007/08/21

部落格線上多語言轉換工具!




網路無國界, 在部落格加入語言轉換工具, 可以方便使用不同語言的網友瀏覽. 目前翻譯工具以google 較普遍, 所以可以借用google translate的功能.

繁體簡體後的效果像這樣,


繁簡轉完之後的結果,可讀性還算高, 不過轉成英文的效果就沒那麼好了! 不過在還沒有更方便的翻譯工具下, 不介意的話,還是可以先頂著用.



1.先連到google translate, 輸入部落格的網址,選擇語言轉換方式. (如簡轉繁)


2.複製網址列的網址,如


3. 取得的網址, 再加上連結的html程式碼, 長相如下
<a href="http://translate.google.com/translate?u=http://skyvee.blogspot.com&amp;langpair=zh-CN%7Czh-TW&hl=en&amp;amp;amp;amp;ie=UTF8">繁體</a>

其中
zh-CN : 簡體
zh-TW: 繁體

這樣就可以加到部落格了.

4. 如果只需要 簡轉繁, 繁轉英, 繁轉簡, 那麼可以直接修改下列程式碼.

分為 4.1圖片版4.2文字版.

4.1 圖片版, 效果如下.



4.1.1 先下載圖片後, 上傳到某一個網頁空間, 取得圖片網址



英文簡體繁體




4.1.2 將部落格網址圖片網址改寫以下程式碼
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-TW%7Czh-CN&hl=zh-TW&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools"><img
src="簡體圖片網址" width="50" height="50" border="0"></a></td>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-TW%7Cen&hl=zh-TW&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools"><img
src="英文圖片網址" border="0" width="50" height="33"></a></td>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-CN%7Czh-TW&hl=en&ie=UTF8"><img
src="繁體中文圖片網址" width="50" height="50" border="0"></a></td>
</tr></table>


4.2 文字版, 效果如下.




4.2.1 將部落格網址改寫以下程式

<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-TW%7Czh-CN&hl=zh-TW&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools">簡体</a></td>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-TW%7Cen&hl=zh-TW&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools">English</a></td>
<td><a href="http://translate.google.com/translate?u=部落格網址&langpair=zh-CN%7Czh-TW&hl=en&ie=UTF8">繁體</a></td>
</tr>
</table>


圖片大小可以自己調整, 其實用文字表示也不錯. 可以參考看看!

2007/09/20 更新

有網友問到, 如何去除翻譯後頁面之上的框?

請把 http://translate.google.com/translate 的部分 改成 http://translate.google.com/translate_p

想在這說明一下, google translate 原本的用途就不是加在blog上使用, 所以在套到blog後, 或許頁面的呈現無法讓每個人滿意. 它的作法是在原本部落格網址列前加入一串google 的網址, 而這些前置網址的加入, 雖可以之後按每一篇文章, 都可以有翻譯後的效果, 卻同時會造成blog中部分功能失效, 如 在圖片版的繁轉簡後, 又想按繁轉英; 所以google 原本加上一列frame 的用意在此; 可以發現 frame 的上方有一個可以回到原始網頁的功能, 就會回到沒有 google 前置網址的原始網頁了. 否則請考慮改用4.2 文字版. 至少翻譯連結還可以使用.

所以想去除, 或許考慮一下讓翻譯後的頁面是以"新視窗開啟", 至少可以保留原始網頁, 不過就等於多開一個視窗.

如 <a target="_blank" href="http://translate.google.com/translate_p?u=部落格網址&langpair=zh-TW%7Czh-CN&hl=zh-TW&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools">

相關文章 :

16 comments:

Shan 提到...

謝謝分享,教學清晰明瞭!!

Skyvee 提到...

謝謝 shan 的留言. :)

雙羊 提到...

謝謝,我找這功能找好久了 :-D
不過我發現如果點文章後的繼續閱讀,
翻譯就會失效,在考慮要不要再繼續使用繼續閱讀的語法中...
再次謝謝你!^^

雙羊 提到...

不好意思再次打攪你,
因為我發現兩個問題,
第一個是我想除去 google translate 的框架,但是當我取得除去框架的網址,放到語法中,但是他卻無法正常運作,我有看到別人的部落格是可以這樣做的,你知道該怎麼解決這問題嗎?

第二個是當我選擇轉換到另一個語言,結果沒想到翻譯的按鈕便失效了,也就是我無法從翻譯的頁面點「繁體」連回到我指定的頁面,請問你知道這該怎麼設定比較好呢?

謝謝你!

Skyvee 提到...

雙羊, 已在文章中加入說明, 請參考.

雙羊 提到...

你的意見很有幫助,
非常的謝謝你!

另外想要請問
「此標籤之其他文章:」
這個功能你是怎麼做的呢?
不知道有沒有教學文章可以參考。

大感謝 <(_ _)>

雙羊 提到...

抱歉再次打攪,
第二個新問題剛剛在估狗找到了。
我的部落格大致上就是這樣慢慢拼湊起來,
大多數要謝謝像你這樣熱心提供程式碼的好人。
再次感謝!

Skyvee 提到...

雙羊, 能夠分享, 是一種福氣啊!而且,自己也可以學到更多. 這是互相的. ;)

tzuche 提到...

skyvee

請問一下網友雙羊曾經問過的問題,"此標籤之其他文章"是如何做的?謝謝你。

skyvee 提到...

tzuche, 不好意思, 這個"此標籤之其他文章" 功能, 我要找時間回想整理一下, 才能回覆您呢?是否可以等幾天?目前還在假期中, 手邊的事還忙不過來.

tzuche 提到...

to skyvee,

哎呀,你這樣會讓我不好意思啦,你假期中好好relax優先,千萬不要再想這個啦~

好好放假回來再說,也可以跟我們分享你的旅程啊。

其實還有一件事,就是你部落格上關於聯播放在googlepages上如何製作的問題,你回應說已經留在文章裡,可是我也忘了在哪裡,所以還得再問一次,不過同樣的,等你回來再問就好,千萬不要用到你假期的時間來回應我。

好好享受,新年快樂:)

tzuche

Skyvee 提到...

Tzuche,不用不好意思啦! 我自己也怕積太多留言沒有回應, 怕有些問題讓網友等太久,所以還是會儘量借用電腦回應一下, 聯播的文章是這篇http://skyvee.blogspot.com/2007/10/google-reader-blog-roll.html, 抱歉, 當時應該附上文章連結, 就不用讓您再找一次了.

Skyvee 提到...

tzuche,
相關文章可以參考 http://abintech.azhai.org/2007/03/related-post.html Abin 這篇的教學, 很清楚哦!

STEVE 提到...

太棒了

STEVE 提到...

你的架構 真是棒
就你啦~~

Skyvee 提到...

Steve,雖然不太明白意思,還是謝謝你的留言.

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.