2008年2月29日 星期五

淺談部落格的翻譯及相關程式碼

今天旅美熟姐Emily問我,為什麼看了100多個熱門的Blog,很少人有裝翻譯的工具,其實我以前有觀察過這個現象,發覺以下三種版主,較喜歡裝上這個工具。

1、在Blogspot.com建置的部落格-因為Google旗下就有這個工具,很方便去使用,也很難不去注意到他。

2、功能性、教學性和資訊性的部落格-因為這些格主希望有更多人來分享他所提供的資訊,而且文章圖解的部分不少,看圖說故事,淺顯易懂,文字翻譯也比較不容易出錯。

3、非英文寫作的部落格-英文畢竟是強勢語言,自己的blog能吸引更多人甚至其他國家的網友來閱讀更好,尤其是非英語或非法語系的國家,譬如歐洲及亞洲的blog。

而為什麼不用呢?

其實以Google Translate來看翻譯的內容,除了簡體中文是逐字的翻,翻譯內容和原內容可能相差不遠,但是以中文翻英文來看,翻譯內容我覺得大概只有30%的可讀性,有些翻譯內容我是覺得有點好笑和不可思議,其他觀察如下:

1、在台灣已經是熱門blog,國內瀏覽人數已不是問題,何況Google Translate翻譯的水平不合乎他們的要求,尤其是日記型或是在地型的部落格,一些用字遣詞,英文無法完整表達,而且也很少想到要吸引外國人來看吧。

2、簡體中文的部落格,很少放上翻譯的工具,其實我覺得跟心態有關,就像英文是強勢語言,在中文的領域裡,很多中國人覺得簡體中文才是王道,甚至世界流行學中國話的趨勢,讓許多簡體Blog,也覺得不用放上這個工具,因為他們的瀏覽人數可是有超過10億的人口,所以我也很少甚至幾乎沒有在簡體中文的blog看到翻譯工具。

我為什麼會放呢?因為是從Google Analytics分析報表和網友留言觀察到,還是有非英語系國家及使用簡體中文〈中國、馬來西亞、新加坡等〉的網友會來訪問我的網站,而通常來自國外的退回率蠻高的,而且我的網站有裝上Google Adsense的廣告工具,如果能夠多一種語言不僅是方便網友閱覽,也能幫自己找到更多的廣告資源,只要小小的動作而已,因為我自己也會看日文及簡體中文的網站,常常也會利用到翻譯工具,所以只要一個超連結就能服務網友,何樂而不為呢?

而如何增加這些翻譯的工具,而又不用花錢呢?可以參考我前一篇關於Translate的文章,
超簡單的網站國際化---Google Translate

另外Google 桌面小工具裡也有這樣的服務,Google Translate My Page,設定過後將程式碼裝上即可,這是大多數人選擇的方式。

而我自己是用國旗圖案代替文字,設定超連結,再新增網頁元素加在邊欄裡,

語法如下,
<a href="英文翻譯後的網址"><img alt="English" src="圖片網址"/></a> <a href="簡體中文翻譯後的網址"><img alt="简体中文" src="圖片網址"/></a>

至於圖片我是利用Icon Drawer所提供的圖片,他有16、24、32、48四種像素大小各國的國旗圖片,視自己的網頁編排來選擇,可以存到自己Google Page Creator的空間裡,或是你也可以新增一篇草稿,把圖案放進去再連上圖片的網址即可。

2008.5.25更新
目前Google Translate已經沒有提供中文繁體轉成簡體的翻譯了,他只有中文的選項,如果填入網址會出現「不能將中文譯成中文」的字樣,而且呈現畫面有點亂掉,所以目前這個裝置暫時拿掉。

2008年2月27日 星期三

新增最新回應Recently Comments Hacks

最近有許多國內的網友研究出許多Hacks外掛,造福在Google Blogger建立部落格的站長們,真的很欣喜blogger的發展越來越好了。

很久沒有裝hacks的東西了,在Josh's Note的部落格發現一個最新回應的Hacks,請參考讓comments也能顯示文章標題一文,最主要是最新回應可以顯示標題,而且還可以預覽留言者的留言(如下圖)


,畫線的部分,是可以標示出其他留言者的姓名,滑鼠指向即可預覽,也不會拖慢網頁載入的速度,更不會和其他Hacks相衝,覺得還不錯用的,而且只要短短的語法,裝在邊欄的網頁元素裡即可,如果覺得不適用可隨時拿下。

另外還有LVCHEN的部落格LVCHEN 的美國生活指南也有開發一個最新回應及標籤的外掛,可參考加強型最新回應 1.7 版安裝說明一文,也有許多人使用,呈現的畫面如下,

有分頁系統,一次可以展現多個留言,也可自行設定,是很不錯的Hacks程式,可以視自己的需求調整,而且很多文字也可以自行修改設定,是很彈性的hacks,但是要登入blogger的後台才能裝上。

兩種我都覺得很不錯,視自己的需求及喜好再裝上即可。

參考網站:
Josh's Note
LVCHEN 的美國生活指南

2008年2月23日 星期六

101個傑出的templates模板---Blogger Buster

最近Blogger Buster在他的網站介紹101個卓越的模板,其中很多模板在以前的Mashable發表的50 More Beautiful Blogger Templates已經有看過了,以下這些是我覺得比較特別且多功能性強的模板。

 

這些模板大都是參考Wordpress的模板,所以日期方面很多都是採用圖案的互動設計,用日曆圖來代替文字型的日曆,只是我測試了有些是無法成功的,或許是因為中英文有差,有的是以星期幾為標準,用英文介面的話所設計的程式可以抓取,但是在中文的系統下無法抓取,所以日曆會呈現空白,真的有點可惜,下載這些模板解壓縮後,一定要先參考文字檔的說明,再作相關的設定,會比較容易上手。

 

Aspire 〈有Blogger及Wordpress版本可供下載〉

buster1

Polaroid

buster3

TypoXP

buster4

Wow (Smashing) 主站

buster2

Premium Brown

buster5

 

有了這麼多模板設計,blogger的使用者真的是有福了,如果你還沒加入Blogger的行列,趕快加入吧,創造屬於自己不受打擾的小天地,共同體驗Blogger的自由與多樣化吧!

 

Blogger: 現在就建立您的Blog -- 免費

 

參考資料來源:
101 Excellent Blogger XML Templates

簡潔的B-themes模板


官網:B-themes

又換了新的模板,模板來源為B-themes的 Minyx template for blogger ,是蠻複雜的進階版模板,但要適合自己的需求,還是要修改許多地方,但大致上完成了,小地方再慢慢修了。

這個網站只有8個模板,但大部分都是1024*768的大小,在Firefox套用下是沒有問題,但是在IE下會有小小的問題,邊欄會跑到下方,把整個寬度改寬一點就不會有問題了。

這個模板的優點就是有許多小圖案的設計,感覺整個版面看起來整齊簡潔許多,較有專業的感覺,也很像Wordpress的模板。

這次新增了"此文章的連結",因為常有網友反應找不到引用的地方,所以雖然沒有套用網路上所教的引用方式Haloscan,因為要註冊感覺有點不便,更何況實際上會引用的人還是會自己做個超連結,其實我自己也不覺得這個東西很重要,不過Blogger後台原來就有的,所以還是把他放上去吧,不過放下去之後,新增的文章才會出現這個連結,舊文就無法出現。

另外這個模板有一項"建立連結",應該是引用的設定,不過還是要登入Blogger的後台才能引用,這只適合blogspot.com的使用者引用,不適合其他Bsp來引用。

其他還有以下幾種,不過沒套用過,有興趣的人可以試試看,更多的templates請移駕至官網瀏覽。

softlight template


DFire black blogger template


Blogger Template : Greenery

2008年2月18日 星期一

Google Adsense最近的變化觀察

申請Google Adsense也將近一年了,政策一直漸漸在轉變,最近一段時間注意到有一些改變,對於我這個小用戶,隨然沒有密切關心Adsense的政策,但是還是分享一下,

2008年2月13日 星期三

利用Windows Live Writer離線寫部落格文章

其實一直一來我都是利用Word來寫部落格文章,曾經也有用過Firefox專屬Performancing來寫,參閱用Performancing來寫blogger的文章,後來又嘗試了Zoundry的部落格寫作工具,但是覺得很多複雜的功能用不到,而且都是英文版面,所以還是回到最原始的方式,用word來寫作,最近常聽網友推薦這套軟體,想說來試試看,而且是全中文的我想應該會不錯用的。

wlw0 

使用過後優點

1、正體中文,這真的是太可愛了。

2、可離線寫作,要發佈時再連上網路登入即可。

3、可直接上傳圖片,這以前在其他工具軟體都有其困難性,而且可以直接編輯圖片加上影像效果,變黑白、加框、調整大小或是加上浮水印等等,浮水印這部分對我很重要,以前我都要每張去加上關於自己照片的相關文字,來減少被盜用的機會,而這個軟體居然有此功能,真是深得我心,只是也有缺點,見下面缺點說明。

4、可插入表格,以前我都是在Google Page Creator畫好表格,再將html碼貼上blog,這讓我不太喜歡用表格,而這裡直接就可使用了,以後就可以多多利用,但他只有簡單的表格處理,如果想要加背景或是框的顏色改變可能要自己再改過語法了,也沒有合併儲存格的功能。

wlw3

5、設網頁超連結時可以勾選"在新視窗中開啟連結",這對我相當有用,因為每次把word文章貼上之後,我都要在html模式下再加上 target="_blank"的語法,其實在撰寫模式下用超連結是可以選擇另開視窗的,不過是要在blogger後台寫作之下,因為我是從word直接貼過去,所以還是要修改,有人會問,那你乾脆在blogger後台寫就好了,但是我想很少人會這樣做,因為線上寫作速度慢,尤其在我這台老舊電腦下,而且沒有備份的動作。

wlw4

6、有復原的功能,只是快捷列上有復原的圖示,但是取消復原卻是在編輯工具列,這有點怪。

7、如果有多個部落格的管理者很方便,只要在部落格選項切換就能將你的草稿發佈在適合的部落格上。

缺點是:

1、字顏色要從工具列裡的格式去選,不像一般會列在快速編輯的那一行,這還蠻不方便的,不過使用久了之後也會習慣的。

2、上傳圖片設定方面,如果連結至用「來源圖片」,發佈後點選圖片會變成下載圖片,所以建議選擇連結至「無」的選項,不過就不能另頁開啟原始圖片的畫面,或是選擇連結至「url」,圖片會存到picasa上一個名為Windows Live Writer的資料夾上,而不像之前會存在以你blog為名的相簿裡,其實也可以設定ftp,只是這部分我不會,另外有人設計出WLW+Flickr的plugin,稱為Friendly.Flickr,改天可以來試試看。

3、他的分行及分段會使用到<p>段落或是<h1>標題1,等定義,感覺有點多餘,畢竟我不是要做一份完美的報告書,怪怪的。

這個工具軟體適用Google Blogger及 SharePoint、LiveJournal、TypePad、WordPress,和 Community Server 等不同的服務中。如果你不是這些系統的使用者,可能就不能用了,所以還是搬家來blogger吧!

下載網址

http://windowslivewriter.spaces.live.com/

其他關於Windows Live Writer的說明可以參考異塵行者的部落格

電腦玩物: Windows Live Writer Beta3-超強繁體中文Blog編輯器與它的朋友們

有非常詳細的說明,感恩。

2008年2月11日 星期一

申請FeedBurner服務,感恩我的讀者

最近幫部落格申請了FeedBurner訂閱服務,先前一直沿用Google官方的RSS訂閱網址,雖然知道有這個好用的服務,但總覺得自己的blog沒有什麼人氣,所以一直沒有去申請,最近想整理一下自己部落格的資料記錄,細心的網友可能會發現我的blog並沒有裝上計數器,只有部落格觀察及線上人數,因為我有申請Google Analytics,所以各方面的分析都可以在這裡看到,只是我也很少去看,最近詳細看了一下,發現一些以前不曾注意到的事情,於是決定裝上FeedBurner,部落格從去年3月底開張到現10個多月的時間,想知道到底有多少人喜歡或是有興趣看我的部落格。

其實網路上關於FeedBurner的教學非常多,我是參考馬修的研究室部落格的文章教學:申請FeedBurner的E-mail訂閱RSS功能,裡面寫的非常詳細,有需要的人可以看看,也有一些關於Feedburner的相關文章。

申請之後,你的訂閱數會顯示0,但是過了三天我再上去看,人數就會正常顯示了,要給系統做移轉的時間,重點是在blogger的後台要將你新申請的RSS地址填上去,他才會做整合,因為預設都是http://yourname.blogspot.com/feeds/default,
設定→網站提供→在「張貼資訊提供重新導向URL」內填入FeedBurner的URL即可。

也要記得將網頁最下方的訂閱: 文章 (Atom)隱藏起來,不然一個網站顯示兩種Feed,讀者也會搞混的,雖然會整合,但是還是將他隱藏起來較好,
如何隱藏呢?也是進入後台→範本→修改HTML,找到下面這個定義,
.feed-links {
加入這行
display:none;
即可。

如果想另外設計圖案,提供按鈕讓網友訂閱的超連結,可以參考RSS訂閱文章相關說明,上半段的說明,也可以利用FeedBurner後台提供的語法直接新增網頁元素加上即可。

RSS的圖案哪裡找,可以參考一個我常去的日文網站
*ホームページを作る人のネタ帳,這一篇介紹許多漂亮的RSS圖案。
膨大なRSSアイコン。RSSアイコンをお探しの方はこちら。

也感謝曾經在blog提到我的網站的網友們,雖然我們彼此不認識,但是在網路上看見你們提及我的blog或是文章,都會讓我覺得有種溫暖的感覺,但如果是抄襲的文章,是會讓我有些鬱卒,還有些網友很可愛稱我為高手、強人,真是汗顏,因為我也不會寫程式也沒有什麼高深的學問,只是喜歡寫寫文章,分享自己的經驗,也是一種記錄自己生活的方式,我想91個訂閱者,對我而言真的好像夢一樣,在網路上我比較像是個潛水者,而且肺活量相當夠,很少浮出水面與人交流,不過感恩的心還是要讓來到我的部落格的網友知道,雖然我不認識你,但我謝謝你,給我繼續寫文章的動力。

2008年2月4日 星期一

Blogger圖片大小的控制

由於目前網誌用的圖片,是從後台直接從我的電腦中上載,並非利用Flickr或是其他的相簿網站,所以使用上總有些小問題,blogger官方的模式,只有位置水平排列及大中小三種格式,但是發現一個問題,就是每次選擇最大的,但是並非我圖片的原始尺寸,還是有經過縮圖處理,要再按一下圖片才會另頁顯示原始的圖片大小。

2009.9.30 更新
目前Blogger已經推出新版的編輯器,圖片上傳方式也有改變,請參閱,
Blogger文章編輯區新版模式正式啟用

最近研究了一下,原來blogger提供的大中小圖片格式,為400px、320px、200px,譬如我這張圖片大小為500px*375,

原始尺寸











所以最大的也只有400px,對於我想放風景照的圖片就很不方便,總覺得太小,後來發現只要更改一個地方就會讓他以原來的尺寸呈現,下面是我們插入圖片會產生的語法,注意下面語法紅色處

<a href="http://1.bp.blogspot.com/_c2aOyhdt6yA/R6cUf7T08JI/AAAAAAAABmA/yHerEbMM1yU/s1600-h/train.jpg"><img id="BLOGGER_PHOTO_ID_5162330399660371938" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_c2aOyhdt6yA/R6cUf7T08JI/AAAAAAAABmA/yHerEbMM1yU/s400/train.jpg" border="0" /></a>
a href= 這一段語法是指圖片按下另頁呈現的原始圖片
img src= 這一段是原始圖片的來源,即是從你電腦上載經過blogger縮放的圖片
s1600-h以最最大尺寸呈現
s400 官方所設定"大"的尺寸,如果你上載圖片時選擇小,這時就不是s400而是s200,以此類推s320就是中。
所以我們在這裡將s400改成s1600(官方設定可呈現的最大值)就會讓圖呈現最大,也就是你原始圖片的大小(最大也只能到1600PX)。

其實我不知道google官方為何要這樣設定,我猜是為了讓網頁更快的顯示,圖形小顯示速度會較快,只是在我自己的習慣,我不喜歡按下圖片再去看原始的圖片大小,總覺得很浪費時間,又要多按一次鍵,除非是類似圖說的圖片,才有這必要,如果blogger的版面能容納,儘量就在圖片處理時將圖片整理好,否則一篇遊記的圖片,每張都需要網友去點閱看更大的圖,誰願意呢?我自己都不想呢!

其實這問題困擾我蠻久了,但在中文網站都看不到類似的說明,官方也沒有說明,最近看到一個日文網站有提到這個問題,雖然日文不是很通,但大概有個譜,就自己試試看,將圖片語法的img src裡的s400改成s1600,就能夠以原始的圖片大小呈現了。

而圖片格式除了上述的大小之外,還有72px、144px、288px、512px, 576px, 640px, 720px, 800px, 912px, 1024px, 1152px, 1280px, 1440px, 1600px的大小,最小是72PX,最大是1600PX,你都可以視版面自行變化,可以利用在超連結(a href)這部分圖片或是原始(img src)的圖片內容裡,要注意的是如果你原始圖片只有500px,就不可能拉大到576px大小,他會以500px呈現,反之你的圖片大過1600px,最大也只能呈現1600px大小。

像有的人喜歡用文繞圖,有時覺得圖片太大又要更改,這時就可以將語法改成s144(像左圖大小),然後圖片置左或是右,作彈性的運用,所以發現這個秘訣之後,以後運用圖片就能夠更多變化了。

其實最佳利用圖片的方式應該是存在網路相簿裡,以指定url的方式來利用,那你就不用改設定,直接連結即可,目前blogger上載的相片都是指定存在PICASA的相簿裡,你也可以另開相簿本來存你要利用的圖片,將整理好的圖片直接匯入,這樣會方便許多。

如果你不是BLOGGER的使用者,也還沒有PICASA的相簿,建議可以利用PICASA的免費相簿,這套軟體是免費的,可以管理、組織、為你的相片加上標籤,也可以修圖及作種種運用,是一套很專業的相片管理程式。而目前免費所提供的功能限制為,儲存空間為1GB、相片不可以大於 20MB,詳細情形可參閱PICASA網站說明。

2008.11.24更新
Blogger內建圖片語法增加了width及height,如何解決,請見
Blogger內建圖片語法改變

參考網站
Blogger で画像の表示サイズを変更する方法