自製Translate blog widget

今日再modify一下個blog translate的外觀，加了國旗好像『似樣』很多，現在算是完成，可以簡單的介紹一下整個製作過程了。


(1) Google Translater translate script
由於在Google Analytics上看到好多外國的瀏覽者，都一來就走，所以於是很想幫個blog整番一個translater，希望可以吸引埋其他國家的讀者。在網上search過，找不到現成的widget，可以install plug-in的都只限Wordpress的blog，於是終於找到這篇Instantly Translate Your Blog « Lorelle on WordPress比較長細介紹用Google Translate做成，而又可以放在任何html上使用的script：

<a href="http://translate.google.com/translate?u=
網站地址&amp;langpair=原來語言碼%7C翻譯後語言碼&amp;
hl=翻譯後語言碼&amp;ie=UTF-8&amp;
oe=UTF-8&amp;prev=%2Flanguage_tools">

(2) 2 digit language code
但這段script需要用到2 digit的language code(語言碼)，所以找到了以下這個有關language code介紹的網站：
ISO 639: 2-letter codes
http://www.w3.org/WAI/ER/IG/ert/iso639.htm

簡單的介紹其中幾個較常用的：
繁體中文 Traditional Chinese： zh-TW
簡體中文 Simplify Chinese ： zh-CN
英文 English ： en

注意：由於Google Trnaslate的功能現時是以英文為翻譯的media，所以如果網站是用英文寫成的，可以翻譯成多個語言，但如果是我一樣用繁體中文寫的網站，就只可以翻譯成英文或簡體中文。

(3) 國旗flag icon
另外如果想widget能夠吸引到人，一定要用到國旗的icon，我就找到以下這個下載國旗icon的網址：
Icon Drawer - Free Flag Icons
http://www.icondrawer.com/free.php

下載解壓後，可以看到folder內已有4個放不同大小(16, 24, 32, 48)國旗icon的folder，內裏還把國旗以alphabetical order放在不同的字母folder內，可謂非常細心。
我自己就選用了24 pixel的國旗，感覺上剛剛好，因為16實在細得可憐。

(4) My sample
各位如果同我一樣都是以繁體中文作寫作語言，又想製成一個和我在這個blog上顯示的差不多的script，大可以參考以下這段code：

Translate <a href="你的網址">
<img border="0" width="32" alt="translate by Google translate
" src="32x32pixel香港區旗圖片的連結" height="32"/>你的網站名稱</a> to
<a href="http://translate.google.com/translate?u=你的網址&amp;
langpair=zh%7Cen&amp;hl=en&amp;ie=UTF-8&amp;
oe=UTF-8&amp;prev=%2Flanguage_tools">

<img border="0" width="24" alt="translate by Google translate" src="24x24pixel英國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel美國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel澳洲國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel加拿大國旗圖片的連結" height="24"/>
English</a>
<a href="http://translate.google.com/translate?u=你的網址&amp;
langpair=zh-TW%7Czh-CN&amp;hl=zh-CN&ie=UTF-8&amp;
oe=UTF-8&prev=%2Flanguage_tools">
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel中國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel星加波國旗圖片的連結" height="24"/>
Simpify Chinese</a>

*請先自行下載國旗icon，並上載至一些網上相簿或網頁空間，再把該圖片的URL貼在適當位置。