2007年6月30日 星期六

PostReach 在文章末加上圖像評語按鈕

PostReach網站(此網站已停止運作。)
為了符合web2.0的精神,也裝了一個和網友互動的widget,讓網友們能針對文章發出自己意見,如果不想打字評論,只要滑鼠點一個按鍵就能來評論這篇文章小玩意,其實也不是多正式的評論,只是一點點鼓勵,因為他的按鈕評語都是好的,有點日行一善的功能,感覺真不錯,而且按鈕也隨著你的評論而變色,多少都有點鼓勵站長的功能。


如何將這個widget加到你的blog上呢?
目前只有支援以Blogger、Wordpress、TypePad Pro做成的部落格。
首先進入PostReach網站



將相關資料填入,選擇繁體中文、網站屬性、及你的e-mail,然後會連結到你的blogger,登入blogger後他會自動產生一個網頁元素,你不用作任何修改、也不用移動位置,他就會自動出現在文章最下端,他也會把密碼寄到你的e-mail給你,下次登入就可以用e-mail帳號及密碼登入,看看ClickComments各種意見的統計,同一個e-mail可以同時利用在多個blogger上,也可在後台直接增加你想加入此功能的blog網站,對於擁有多個部落格的站長們算是蠻好用的服務。

不過這小玩意經測試後,在IE的支援度並不好,有時不會出現,有時只出現在首頁的文章上,有時要重新整理才會出現,怪怪的,在Firefox有時也會跑不出來。

另外在網友點選圖案評論的同時,這篇文章也會出現在PostReach的網站上,點選Showcase,類似輪播的形式來發表你的文章,不過並非即時,要過一段時間才會出現,如果你想將文章推到Postreach網站也只要按個按鈕就可以輪播文章,也是個宣傳你的網站很方便的管道。

如何在PostReach快速找到你的文章呢?首先到首頁選擇你註冊時的類別及語言,然後左上方會列出,24小時、7天內、30天內的選項,右上方則是Mainstream(每個月10萬次瀏覽)、Established(每個月5千到10萬次瀏覽)、Niche(每個月低於5千次瀏覽),通常新文章選擇Niche+24小時內,就可以找到你的文章了,但如果你的是人氣網站,可能就會在Established或是Mainstream這裡了。


(點擊可放大)


另外他也有一項Guest Post的服務,申請情形類似ClickComments,他會把其他人的文章擷取一小部分放在你的文章下方,可以進入後台去調整相關的css設定,有興趣的朋友再自己去試試看吧!

由於這個網站支援多國語言的服務,所以也是看文章的好地方,但因為這網站推出時間並不長,應該是去年11月成立的,所以累積的文章也不是很多,可以慢慢的挖寶。

更新:8/11將此功能刪除,因為功效不大,也會拖慢網頁速度。

2007年6月29日 星期五

New blogger template---多國語言版的模板網站

此網站已更名為Our Blogger Templates
重點:
請注意,這網站的模板比較適合進階者或是熟悉css語法的網友使用。
適合Firefox瀏覽器,IE瀏覽器有些模板需要修正後才能使用。


又發現一個新的blogger templates網站,真是驚喜,由於舊的版本一直有邊欄會跑到主欄位置的困擾,一直找不到方法解決,於是索性換個樣板,終於在網路上找到一個還蠻豐富的Templates Source網站,設計的也非常美,是以New templates為主的設計模板網站,只是裡面有些語法還是要改過才能適合自己的需要。

網站:Our Blogger Templates
Elque’s blogger templates

這網站也提供各國語言的版本,英文、法文、日文、簡體中文等等,不僅有模版可以下載,也提供許多blogger設計的原理及教學,很值得去挖寶,目前有30個模版可以下載,而且全都是三欄式的,也有配合Google Adsense所開發的模板,有興趣的人可以試試看,我個人覺得還蠻好用的,不過背景圖案目前並未提供,要自己配合相關的圖片,他有列出圖片的大小讓你參考,有些模版也有附上圖片的網址,可以自己靈活的運用。

不過這些模板設計的都比較精細,很多小細節都有注意到,如果對css語法不熟悉的人,盡量是不要去更動原有的版面設計,另外有些模板在IE的環境下會顯得散亂,我想應該是作者是用Firefox來設計的,有些IE是沒法支援的,所以版面會跑掉,套用的人自己要再修改過。

2008.5.19更新
目前 這個網站已改名為Our Blogger Templates,他現在申請了專用域名網址,以前對IE的支援度不佳,但最近試用,情況有改善許多,不過初學者還是不建議用,而且以前有提供多國語言的翻譯,現在也取消了這項功能。

2007年6月25日 星期一

使用的Blogger Hacks資源網站

使用Blogger其實也沒有想像中那麼困難,最主要是網路上有許多教學資源,寫出或是翻譯程式讓大家使用,目前我的部落格所用的hacks程式來自以下網站,每位站長們都不吝於分享自己研究的成果,讓我們這些初學者可以快速的上手,真是感恩大家,讓Blogger的世界更豐富。

● 最新文章、最新回應
主站:堯@部落格
Blogger(Beta)最新文章與最新回應JavaScript Code Part II

2009.9更新
目前Blogger後台有新增小工具,"資訊提供",即可達成。

● 繼續閱讀的設計
主站:羊男實驗の咖啡館
Blogger Beta 中 Read More 與 Archive 只顯示標題 作法

2009.9.30 更新
目前Blogger已經推出新版的編輯器,可以直接標記Read More的功能,請參閱,
Blogger文章編輯區新版模式正式啟用

● 標籤雲 Cloud Label
主站:Chagg's 嘴砲日記
將Blogger Beta的Label作成Label Cloud

2009.9更新
目前後台新增小工具裏的"標籤",使用雲端配置及可達成,
請見"文章分類新增標籤雲功能(Label Cloud)"一文。

● Blogger三欄
主站:No MY Business
(非固定式)把Blog設為三欄


● 回應區,使作者回應明顯顯示
主站:特色他
高亮显示作者评论与评论通知(網站連結已失效)
2009.9.30 更新
另一種方式,請參閱,加強blogger作者留言和一般留言的區分
2009.10.18 更新
Blogger Highlight author comments , 作者回應上色 for Blogger
目前這個方式最簡單使用。

● 索引式日曆 Archive Calendar
主站:Abin's Tech Note
為 Blogger 加入整合日曆 Archive Calendar


● 文章末加入相關文章
主站:Abin's Tech Note
加入相關文章功能 (Related Post)
2009.9.30 更新
另一種方式,請參閱,
用縮圖顯示相關文章的功能(Thumbnails for Blogger)


● 加入各大共享書籤
主站:Oldman’s Blog (已關站)
部落格工具–方便讀者將文章加入共享書籤(已關站)
2008.3.21更新
可以另外參考Not my business的做法
2009.9.30 更新
另一種方式,請參閱,單篇文章加入共享書籤(Social-Bookmarks)


● 回到最上方的連結
主站:8个圈圈的Blogger
怎样在文章末尾添加美味书签链接和回到页首


● Google Adsense相關
主站:No MY Business
Google AdSense只顯示在單篇文章裡 for Blogger

※ 96.7.16新增
● 顯示線上人數及統計報告

目前有用到的大概是這些,這些網站的教學資源都非常豐富,值得好好研究,應該還會繼續增加下去的,希望透過這些教學,也讓自己的網站功能更多元,符合閱讀者與自己的需求。

2007年6月24日 星期日

部落格小貼紙串連---關懷自然環境篇

夏天到了,真的是熱呼呼,感覺電腦也快要不行了,前兩天是夏至,看新聞都在宣導關燈活動,看到許多網站都紛紛貼上了這個愛地球的環保小貼紙,還蠻有趣的,收集一些環保小貼紙的資料,準備開始來玩貼貼樂,也提醒自己隨手關燈,節約用水,從注意日常生活的小細節來關注世界環境的維護,常常換換貼紙,不僅提醒自己,也是種樂趣呢!

全民暖化‧台灣發燒(國家地理頻道)
由國家地理頻道推出的以關心地球暖化的議題所作的網站,可以聽到大自然的蟲鳴鳥語,感覺頓時都清涼了起來。


台灣地球日(台灣環境資訊協會)


● Lights Out Day - 夏至關燈網站(台達電子文教基金會、荒野保護協會)


如果有天我只能用一度電串連書寫

利樂台灣,幫地球一個忙



可以認養守護樹,需加入會員,種一棵樹,就幫你捐出5塊錢。
另外會員也提供部落格小工具,讓你在blog上種樹,很有意思。

讓地球COOL一下(公共電視)


LIVE EARTH---MSN 活樂地球


天下雜誌─台灣不願面對的真相
天下雜誌台灣不願面對的真相貼紙 天下雜誌台灣不願面對的真相貼紙

2007年6月22日 星期五

Firefox 火狐瀏覽器,我的愛用Browser

自從Firefox1.5推出至今到2.0版本,他依然是我最愛用的網頁瀏覽器,最主要是因為它的安全機制比Interent Explorer好,這點非常重要。

官網上說明Firefox提供你更快速、更安全、更有效率的瀏覽體驗,而他的優點有以下幾項,而我使用過也覺得是這樣的。

重要的是檔案小,Firefox (的 Windows 版)僅僅 4.5 MB,以寬頻下載僅需數分鐘時間。

Firefox 官網

如何在網路上宣傳你的網站---聯播篇

用Google的blogger來寫文章,就是沒有一個bsp可以讓你發表,寫完後就靜靜的在你的網站,何時會發酵也不知道,沒有bsp首頁的設計,也可以少些人力去管理這一塊,畢竟Google事業太龐大,無暇忙和這些使用者的小網站。

雖然網路上有許多書籤網站,但感覺這樣推銷自己會惹人厭,所以久久才自推一下,最近發現台灣有一些輪播的網站還不錯,少了份尷尬,多了份自在,而且有的並不需要註冊,只要把rss丟上去即可。

目前蒐集到的有以下這些,因為自己也用得到,所以把資料和大家分享,有些聯播目前並不開放申請,或是感覺很久沒有更新的,就不放上去了。

全民部落國


只要將RSS/ATOM丟上去,就幫你聯播,有小貼紙。你的部落格可以選擇3種分類,如果加入會員則可以參加部落社區或是自己設定部落社區,不想聯播也可要求刪除,感覺彈性很大,不過更新速度非即時,大概2-3小時後聯播才會出現。

Blog聯播-台灣商務網


不用註冊,只要填寫一些基本資料,審核過就可以。

Palacan! 啪拉罐頭


要寫信申請加入,除了小貼紙還有搜尋器可以放在你的blog上。
另外還有 啪啦報報共筆部落格
也是免費加入,審核通過,如果你是優質寫手,不僅能輪播文章,還可以獲得Google Adsense的報酬,有廣告分享的機制。

台灣網誌青年運動會


要先加入會員,然後填一份feedback表單,會有專人與你聯絡。

中時嚴選優格


將相關資料及簡介約100字,填好送出即可,可重複參加,入選者可以得到一枚嚴選優格的標章,並參與聯播。

部落格村


這個網站是以登錄部落格為主,而非文章的輪播,簡短的介紹你自己的部落格,讓大家知道。

● 個人成立的有下列幾個:(我自己的判斷,應該是個人)
1、愛麗絲夢遊部落格仙境
2、重灌狂人
3、地球觀察聯播網

目前許多有名的部落格,格主都有提供類似的服務,稱為交換連結,只是現在blog的技術越來越進步,可以用輪播的方式顯示最新文章,是一種雙贏的政策,應該會越來越多人使用這個技術。

系列文章:
如何宣傳你的網站---入口網站登錄

2007年6月16日 星期六

版面大小的調整

原本我的螢幕解析度都是設800*600,因為我的電腦已經用很久了,螢幕也只有15吋,所以設800*600,但是常被朋友批評現在沒有人在用那麼低的解析度,螢幕也太小了,叫我換台新的,現在都是1024*768或是1280*1024,17吋或是19吋的螢幕了,後來幫朋友成立部落格時,用notebook來看,發現畫面呈現真的是太小,只好切換到1024*768,剛開始還真不能適應,因為文字都變小了,經朋友提醒將設定值dpi從原來的96改成120dpi,果真字都變大了,才不至於讓我近視又加重了。

其實我在看艾瑪的網站時也會這樣,下面都不會出現捲軸,每次都要利用左右鍵來移動,看得很累,後來用了1024*768,這種情形就不再發生了,而且最近有用Google Analytics,發現我的訪客80%都是1024*768的解析度,基本上我是不喜歡用滑鼠去移動左邊右邊,而是希望整個螢幕就能呈現網頁的內容,當初用800*600設計網頁時,就要考慮到本文的寬度不能太寬,不然邊欄就被遮住,還要移動滑鼠去看邊欄內容,當初都是以px決定blog的寬度,譬如:網頁body-800px;文章post部分580px;邊欄200px,後來隨著網頁樣式的轉變,這樣制定的格式已經不符合我的需求,太硬邦邦,如果我要改個寬度,就全部格式都要更改,後來參考別人的做法,以百分比%來顯示,只要更改主要寬度,其他的就會隨著而更改

譬如現在的格式,我只要改變整個blog的width寬度,就可以配合螢幕,而不必去計算實際的寬度,

主要更改
#outer-wrapper {
width:1000px;

要配合的就是,原先的樣版裡的,加起來的百分比,盡量以97%-99%,因為還有一些padding(空格)要考慮到
witdth都以百分比表示,而不以px固定像素,較為彈性化。
#main { 【主要文章區】
width: 60%;

#sidebar { 【邊欄1區】
width: 21%;

#sidebar2 { 【邊欄2區】
width: 18%;

因為我的是三欄式的,所以sidebar有兩個,如果你的只有兩個,你可以計算你的sidebar大小要多少,比如要放Adsense 200*200,如果寬度是900px,至少要設定23%,這樣就有207px,可以計算看看。

更改好了,記得你的banner也要改變,如果是用圖片當底的,偷懶的方法就是將圖片置中,或是resize你的圖片,再上傳即可,另外標題的位置也要跟著改變。

Banner圖片置中的方式,語法裡加個center即可。
background: url("圖片網址") center no-repeat ;

標題變更位置,在 #header h1{ ,更改 padding即可
#header h1 {
padding: 105px(上) 20px(右) 0(下) 80px;(左)

我的模板目前是使用我的版面是套用小梅子的善搞Blogger Beta Template 綠黨懶人包

但是這個版面還是有些問題要解決,因為他的邊欄有時會跑到主欄來,目前還未解決,如果想下載1024*768版面的模板,
按右鍵另存新檔下載

P.S. 小梅子的templates,2007.6.28已經被我換掉了,希望新的樣版可以符合自己的需要,搬家改版還蠻辛苦的。

2007年6月11日 星期一

網卡IP指定給非實體的介面卡,無法連線

前一陣子,朋友的筆電出了問題,送回電腦公司維修,換了新的主機板,回來後卻發現網路無法連線,在設定區域連線時,跑出訊息說他的ip已經被指派給另一個介面卡,而且這片卡在電腦中不是實體的介面卡,(如下圖)

最新文章,利用Google Reader聯播系統

使用堯的最新文章產生器,好像只要更改過文章內容,不管是多久以前寫的,那一篇就會變成最新的文章,這樣總覺得怪怪的。

想到可以用Google Reader來聯播自己網站的文章,於是將自己網站rss(atom),另設一個資料夾folder,裡面只有一個我的rss(my-blog),然後到Manage subscriptions去設定相關的資訊。

將Tag設定公開public,再選擇add a clip to your site,

填入聯播標題"最新文章",選擇樣板顏色,及聯播文章的篇數,不勾選Show item sources。將產生的程式碼貼上即可。

會自動連到你的blogger登入畫面,要你新增一個網頁元素,填好相關資料即可發布了。如果你是用ie7,可以在右下角顯示螢幕的百分比,選擇75%也會跑出java script的程式碼,我不知道為什麼會這樣,不同的瀏覽器和解析度,顯示的結果不太一樣,把程式碼貼上新增的網頁元素即可。

但我想這是解決舊文章重現的問題,可是我記得blogger的rss好像更新速度不是很快,所以這個功能剛剛放上,還在測試中,不過他的介面我倒是蠻喜歡的。

後言:剛剛測試(2007.6.11.17:05):15分鐘後就出現了,還不錯,但不是每次都能那麼快就是了。

類似文章:

新增最新文章&最新回應

2007年6月10日 星期日

Blogger Templates 模板資源

目前我的blogger模板是用新式(new)的,也就是以xml語法為主的模板,網路上找到許多資源,而且也親自試驗過可以成功的,和大家分享。

● Blogger Templates(7個模板)

首頁:http://blogger-templates.blogspot.com/
樣板:http://blogger-templates.blogspot.com/search/label/XML
這網站提供兩種,html及xml語法的模板,html適合舊版的(classic),xml則是新版的。還有一點就是我的文章出現在這網站的邊欄的hacks區,也不知道為什麼,這網站會提供網友們有關blogger的文章連結,也不知道他們是怎樣去抓到這些網站,所以人家有放我的連結,我就把他擺在第一個,以示我的謝意。
● Finalsense(非常多的模板,還有分類)

首頁:http://www.finalsense.com/index.htm
模板:http://www.finalsense.com/services/blog_templates/index.htm
這算是blogger模板中比較多樣性的選擇,有很多美麗的版面,我想經過改造後也會很優的,不過他是提供文字code程式碼,無法直接下載,複製後貼到你的html在儲存即可。

● Beautiful Beta(4個模板)

首頁:http://beautifulbeta.wikidot.com/
模板:http://beautifulbeta.wikidot.com/blogger-templates

● Gecko & Fly(8個模板)

首頁:http://www.geckoandfly.com/
模板:http://www.geckoandfly.com/blogger-templates-beta/
他提供的模板是demo型式,但有提供連結到作者的網站,如果有喜歡的再到作者網站下載即可。

Hoctro's Place(已失效)

首頁:http://hoctro.blogspot.com/
模板:http://hoctro.blogspot.com/search/label/Free%20Templates
這個blog 修改blogger官方的模板,然後變成3欄式的,也提出許多blogger的技巧,裡面的文章有很多值得研究的,不過因為都是英文的,只能慢慢的看,有看到好用的也實驗過的,再和大家分享。

● Free Templates

首頁:http://freetemplates.blogspot.com/
模板:http://freetemplates.blogspot.com/search/label/New%20Blogger%20Template
蒐集蠻多的樣板,但是新版的只有2個,不過蒐集的版面還蠻具設計感的。

● Template Panic

首頁:http://www.templatepanic.com/
模板:http://www.templatepanic.com/?s=tag&t=new-blogger-template
蒐集一些作者覺得不錯的新版的template,還列出排行榜。

● 羊男實驗の咖啡館(三欄變化式模板)

首頁:http://metamuse.blogspot.com/
樣板:http://metamuse.blogspot.com/2007/01/blogger-template-gadget-10-aol-engadget.html
繁體中文的網站,很優,功能蠻齊全的,不過美化版面要靠自己來,主要是提供變化式3欄版面,如果想增加許多網頁元素的元件,這個模板很不錯,好多人用,應該是不用多作介紹了。

● Hackosphere

首頁http://hackosphere.blogspot.com/
這網站應該算是blogger界的經典吧,有好多人推薦,但可能是我英文太差,或是文章太豐富、太多,總是抓不到重點來看,雖然有提供中文版,但文章內容仍是英文居多。

elque's blogger templates(已更名為Our Blogger Templates)

首頁:Our Blogger Templates
詳細介紹請見
New template---多國語言版的模板網站

延伸閱讀:
Blogger Templates│2009年最新模板資源

2007年6月8日 星期五

寶石般璀璨的La Vie G Hello Kitty筆記型電腦

日本NEC企業和Sanrio公司合作,於6月7日推出了一款Hello Kitty的筆記型電腦,機殼由19種類、299個Swarovski水晶玻璃綴飾手工打造而成,並且擁有獨創性的螢幕保護裝置,延續hello kitty的特色,粉紅色的外型。

2007年6月7日 星期四

PTT的留言

在PTT登錄自己的網站,沒想到會有人留下意見,因為PTT簽到簿我很少看到會有人在上面留言,所以有人留言時我很高興,說我的網站廣告多到令人很有壓迫感,其實我現在還在試驗階段,測試各種的廣告反應。

其實我是覺得很好玩,我在標題根本文之間,放入一個729*90的長條型方塊,會出現圖片式的廣告,類似以下這樣,


放336*280的方型廣告,也會出現圖片式的廣告,而那些廣告的內容都很有意思,什麼天線、外匯、電腦用品等等,其實圖像式廣告我比較喜歡看,只是有些人可能會覺得干擾,另外我的網頁頁面比較短,所以會有一些廣告都在同一個頁面的感覺,我的首頁只有3篇文章另一個網站的首頁也只有2個,因為我很懶惰,不想像別的網站放那麼多文章,看的時候滑鼠要一直按,感覺此頁綿綿無絕期,如果首頁頁面很長的話,放那些廣告,就可以分散性的放。而不會覺得同一個頁面都是廣告的感覺,這點是要改進的。

放廣告真的是很大的學問,或許很多人一看到廣告就轉檯,可是看到很多人都在全民拼經濟,想出各種idea來吸引網友的注意,尤其是xx幫的關鍵字,已經是被濫用到淹水的地步了,連"XX經濟學"這種名詞都出現了,所以我還是好好的寫文章吧,有好的內容配合不惹人厭的版面,自然這段路就會走得比較順利了,對自己說聲加油,加油!

2007年6月6日 星期三

為何在Blogger架設自己的部落格

Blogger: blog
https://www2.blogger.com/start?hl=zh_TW
在部落格寫文章也有三年了,在各大BSP遊走,總是找不到一個可以安心待著的空間,寫著寫著網站管理者就會丟給你一些改版的訊息,或是給了你一些你不想要的功能,或是把你的站砍了,讓你欲苦無淚、投訴無門,所以在試用各大部落格的功能後,決定在BLOGGER重新出發,其實我比較想投靠的是Wordpress,只是目前還沒有這樣的能力,而目前自由度較高的就屬blogger了,可以’假性’的隨心所欲,想擺什麼就擺上什麼,為什麼說假性呢?因為這個假性背後都是需要自己去創造努力的,而非bsp提供給你的,所以單靠個人功力了,先來說缺點吧,讓一些人打退堂鼓,不要糊裡糊塗的踏入這塊園地。
缺點:
1、沒有最新文章、最新回應,這應該是最為人詬病的地方
2、沒有繼續閱讀的功能
3、沒有計數器、月曆、留言版,和網友的互動性設計幾乎是完全沒有
4、官方版型樣式只有兩欄的,而且版型少得可憐
5、沒有入口網站的首頁,發文後只能自己看看,或是貼到書籤網站去自推,當然了,有了一定的名氣,就會被大家bookmark
6、聽說被大陸封了IP,大陸同胞無法直接連上,需透過轉址服務(不過在我板上留言的,確有幾個大陸同胞,很感恩,辛苦你們了。)
優點:
1、一個帳號可以發佈多個部落格及多人共筆(目前聽說是無上限)
2、自由度高,元件可自由加入或刪除,靈活度很夠
3、以tag來做分類,所以一篇文章可以有多種分類,很符合實際的需要
4、Blogger Hack的高手很多,讓你有資源去擴充官方設計的不足,這是我留下來的主要因素,因為那些缺點都可以克服的。
5、Google所提供的資源豐富,只要有一個Gmail帳號,
Picasa:存圖片,相簿
Google Video:讓你放喜愛影片
Google Page Creator:存檔案
Docs & Spreadsheets:讓你撰寫html文章,再貼上BLOG
Google analytics:分析你網站的流量,這對有放ADSENSE很有用
Google Adsense:讓你賺些小錢,貼補家用
Google Reader:自定自己的喜愛的RSS
這些功能都可以和你的Blogger相結合,讓你的網站更豐富。
(有空在來寫寫心得…………)

如果不想讓你的BLOG被bsp管理者牽著鼻子走,而想要擁有一個屬於個人網站的部落格,強烈建議在這裡生根吧,只要你的網路技術能力夠或是願意努力好好的經營這園地,經得起挑戰者,並且也不想花錢去租空間的人,這個免費的服務,我認為是目前台灣最好的。

申請各家部落格的感想(三)Yam天空、Yahoo、Msn、UDN

●Yam天空:blog、相簿、影音、信箱
http://blog.yam.com/
原先yam樂多是一家的,後來卻變成yam天空成一家,天空先前給我的感覺還不錯,不過一直沒有申請,直到yam天空合併,我有yam的帳號,所以自然就有了blog空間。


優點:
1、一個帳號多種服務,多人共筆部落格(50人)
2、文章可以同時發布到其他blog,這個功能只有兩家有,目前提供pchome、sina及無名
3、可以匯出、匯入,備份功能
缺點:
1、如果你要自訂css,常常編輯後,版面會亂掉,這點殺傷力很大。
2、常常改一個功能,要等很久,我想是因為有提供影音服務,拖慢了整個處理速度。
3、雖然有提供很多功能,可是這些功能常會出包,我是個沒耐心的人,所以大概最多放放照片吧。

●yahoo blog、相簿、信箱、影片
http://tw.blog.yahoo.com/
版主有相當多的朋友在這個地方,而且都經營的不錯,網站拜訪率也很不錯,感覺這是一個可以結交朋友,自成一個圈圈的部落格,也就是可以搞小團體的部落格,這是我自己的觀察,大概是延續先前yahoo家族的型態,而且海內外的朋友都有yahoo的帳號,申請yahoo的部落格是相當容易的,不過總覺得他的門字型的版面有點呆版,如果你是個喜歡結交朋友,也想要有個朋友們都知道的部落格,可以考慮到這裡來。

●MSN:BLOG、信箱、SPACE、相片、交友
http://spaces.live.com/default.aspx?page=Ed03&ss=False
不像BLOG的blog,我都分不清楚,space和blog差別在哪,而且部落格沒有分類,很難找出想找的東西,不過msn的messenger打遍天下無敵手,所以blog的存在也就無關輕重了,有了msn的帳號,自然有了msn的space,可是我並不建議在這設部落格,但如果想交友的話,就另當別論了。

●UDN---blog、社群(城市)、相簿
http://city.udn.com/v1/index.jsp
這是由聯合新聞網提供的一個blog及社群的服務,由於是新聞傳播事業所推動的blog,當然調性就有點政治、新聞味,尤其是他的社群服務,是稱做「城市」,很多團體會在這裡成立他們的園地,追星族、政治團體、公益團體等等。
優點,版面簡潔清楚,推薦人的互動性很好。如果你想一抒心中的怨氣,一定會很多人來幫你打氣的,如果你自認評論時事很強,口水能力厲害,也可以來這裡,一顯你的長才。
缺點:政治味有點濃,不知何時會被亂槍打中,而且有許多匪夷所思的文章在這地方,如果被一些瘋子留言,會覺得心情很差,EQ高的人,或是反擊能力強的人可以考慮留下來。

另外東森blogguide由於之前需要評鑑核准,所以沒有申請過,不過感覺這兩個很像。

申請各家部落格的感想(二)樂多Roodo、Pixnet、Sina

●樂多Roodo:blog
http://blog.roodo.com/

樂多一直給我感覺就是一個蠻有誠意的blog。
優點:
1、一個帳號可以發佈多個部落格及多人共筆(共10人)。
2、可以備份部落格
3、版面相當不錯,尤其點選文章後,會出現一整頁的版面,而沒有首頁的許多元件,我個人覺得很適合寫旅遊方面的日誌,照片再大也不會影響邊欄,我蠻喜歡這樣的設計,版型設計的模板都蠻清新。
4、最值得稱道的是有提供儲存檔案的服務,不限格式,不像一般只能只能存jpg、gif、png的圖檔,而且試過這些檔案是可以外連的,只是申請當時樂多只有提供30mb,後來已經升級到1000Mb,所以我又回過頭來經營這裡的空間。

缺點:
1、沒有計數器
2、首頁文章的圖片會自動縮小,所以你想要放大張的圖片,要放在延伸閱讀的那一段
3
、沒有相簿需外掛
4、如果想讓自己的blog隱藏的話,很少成功過,所以只好把整個網站的文章都給砍掉,不過聽說是可以寫信向管理者反應的,這功能很差,讓我想暫時關站都不行。
5、常會受到一些廣告留言的騷擾,很煩,而且自從變成由信箱來登入後,這個信箱大概三天兩頭就收到一兩封廣告信。

●Pixnet:blog、相簿、討論區
http://www.pixnet.net/
這個bsp還不錯,而且慢慢的人氣也提升了,
優點:
1、提出了無痛搬家,所以吸引許多人跳槽
2、有共同作者,可多人共筆部落格
3、可同步發表至樂多、無名
缺點:
1、覺得只有100mb的空間實在有礙於將來的發展,
2、最近辦的活動蠻多的,越來越朝著商業主導的方向走,另外他有付費的服務,難保不會變成第二個無名。

●Sina:blog、信箱(6.1已停用新會員啟動)
http://blog.sina.com.tw/
這是上個月才申請的部落格,由於有聽過一些謠言,所以對在sina架設部落格並沒有很大的興趣,不過經過朋友的請託,幫忙做一個blog,他要求要在Sina落腳,因為他有許多國外及中國大陸的朋友,於是才開始研究這個bsp的服務。


優點:
1、版型選擇蠻多的,整體性還不錯。
2、各種邊欄元件非常充足,應該是各家之冠。
3、互動性很高,有給評價,交友等等的服務。
缺點:
1、計數器很不準,偏高,page view就算一個人次。
2、圖片限制在300k以內,而且圖片要先上傳到blog的圖檔區,才能再拿來使用,其實我不太明白為何要如此設計,他的後台是可以整理圖片的分類,現在是有可以輪播5張相片的widget,但是這樣的分類我感覺沒什麼意義,因為圖片分類的再好,你的網頁也不可能顯示那麼多圖片,如果是以圖片為主的部落格,不建議來這裡,我個人是比較喜歡後台可以直接上傳的模式。
3、 css編輯和小幫手版型設計服務,兩者會相衝突,用了css改了以後,再用小幫手來調整的話,整個css語法會亂掉,全部的語法會擠在一起,沒有分行分段。

2007年6月5日 星期二

申請各家部落格的感想(一)pchome、Xuite

這些都是版主自己主觀的看法,並非專業,只是把自己的感想寫出來,給朋友們參考,因為常常有人問我如何架一個自己的部落格,所以把自己真實的經驗寫出來。

從第一個pchome部落格到最近最新申請的Sina部落格,已經過整整3年了,最久的應該是pchome新聞台,到目前仍有繼續在新聞台寫東西,只是重心都轉到部落格上,尤其最近這兩個月,為了研究blogger,雖然腦中有很多想法,可是一直沒有化為文字,偷懶了一陣子,想說台灣現有的部落格網站,我大概都申請過,所以來寫寫感想,給想申請的人一個參考。

●Pchome:blog、相簿、影音、信箱。
http://mypaper.pchome.com.tw/
由新聞台轉變成為新聞台blog,當初新聞台很單純,只能放一張圖片來配合文章,很多文壇的寫手都從中出來的,但我想更多朋友也是從這塊園地開始的,如果只是單純寫文章,我強力推薦這裡,什麼都不懂的朋友,也可從這裡開始,因為他所提供的服務項目還蠻周全的,不過備份動作很重要,有一陣子新聞台lost好多文章,服務停擺了好久。

●Xuite:blog、相簿、硬碟(目前不開放外連)、影音、信箱
http://blog.xuite.net/

優點:
1、一個帳號可以發佈多個部落格,也可共筆部落格。
2、這是hinet提供的服務,會員都有2G Xuite的空間,但如果你是hinet ADSL的客戶可以擁有白金卡,有1000MB的硬碟空間,一般人則可以擁有普卡的會員,500MB的空間,這空間相當吸引人。
3、版型相當的多,是優點但也是缺點,我個人喜歡的樣式很少。
4、主機滿穩的,當機的情形比較少,而且部落格的教學也滿清楚好用的,很適合剛開始想在部落格落腳的朋友使用,尤其你的部落格是以影音為主題的,
缺點:
1、很多版型介面都稍嫌花俏,這是我自己的感覺,可能有的人覺得很活潑,我自己是不太喜歡太閃的畫面,感覺眼睛的重點不知在哪裡,尤其是那種滑鼠會變成別種花樣,會讓我立刻轉台。
2、曾有一次受到引用機器人的攻擊,那時是我來訪人數最多的時候,如果你的部落格很受歡迎可能就會有這種情況,害我把整篇文章都刪掉。留言版也有垃圾留言的情況發生。
3、自由欄位只有5個,如果用Google Adsense在自由欄位可能會有bug的情況發生,詳見 如何決定Google Adsense落腳的blog 一文

●無名小站:blog、相簿、影音、討論區
http://www.wretch.cc/blog/
現在這是有名的大站了,版型很不錯,也有多人共筆部落格服務(一般是200人),但很多功能是需要付費的,雖然是現在是擁有會員最多的blog,但出問題的頻率也相當高,想在這裡成立自己的部落格,記得備份動作要做好,不要像我無預警的被砍站,東西都毀了,也不要亂貼一些需鎖碼的私密的照片就是了,免得私人清涼照變成熱門發燒大蒐集。

2007年6月3日 星期日

有Archive功能的月曆Calendar

其實一直想要有月曆的功能,可是一般是美麗的月曆網路上都找得到,例如這個Free Blog Content就提供許多美麗的Calendar,但是我想要的是一個可以索引的日曆,雖然Google Calendar也有提供這個元件,但是那個東西實在不太美觀,不怎麼想把他放到我的blog上,終於在網路上找到教學,提供一個很簡單樣式的Calendar,也可以稍微自己修改,滿符合自己的需要的。


相關教學,請參考這個網站,感恩!

Abin's Tech Note
照著以上的教學,作了一些修改,也寫下一些該注意的事項:

第一個步驟原來是要放在
<b:widget id='BlogArchive1' locked='false' title='ARCHIVED POSTS' type='BlogArchive'/>
這行後面的語法
我改成(紅字部分)
<b:widget id='BlogArchive2' locked='false' title='ARCHIVE CALENDAR' type='BlogArchive'/>
因為要id不同,那標題title也可自設成日曆或是Calendar都可以,先增加這項元素後,儲存樣板後,記得到網頁元素裡面去改’Archive’裡的設定,改成作者所提到的樣式,然後再去更動其他的程式碼會比較好一些,不然一次全改完,會發現日曆並沒有出現,還是原來的樣式,階層式的。

要放在第二的步驟,作者是說放在<head>標籤內即可,可是我放在body{ 之前就出現錯誤,雖然也是在<head>標籤內,所以正確的是應該要放在body{之後,就是定義一般元素的地方,另外定義顏色部分作者用 &sidebarcolor和&sidebartextcolor,但有些樣版這兩個元素是沒有定義的,我的就是如此,所以我就直接把顏色改成我要的就行了,例如:改成#666666 ,因為作者的樣版是黑色的,所以他的字顏色是設成#fff白色的,但因為我的是白色底的,所以用他的樣版格式,我的星期一到星期五是看不見的,所以修改了一下顏色,可以更適合自己的網頁。
改了以下幾項:
這段是敘述今天的顏色,因為我的背景是白的,所以當然就要來個有背景的顏色才能凸顯,
#CalendarTable .Today {
color: #fff;
background: #1AC300;
這段式敘述週六、週日,我改成橘色,象徵歡樂的假期啦
#CalendarTable .Weekend {
color: #FF7300;
這段就是星期一到星期五的顏色,這原來作者是設#FFF白色,我改成灰色
#Calendar .act {
color: #999999;
padding: 4px;
}

還有加上綠色的實心框線
#CalendarTable table {
border-collapse: collapse;
padding: 0px;
border: 1px #1AC300 solid;

其他的步驟,大致上都沒有什麼問題,不過發現原來的那個Archive實在太佔版面了長長的一串,只好把他刪掉了。

2007年6月2日 星期六

為你的網站加個小圖示---Favicon

這個功能,只針對使用Firefox的瀏覽器,ie6完全無法作用,而ie7會顯示一個資料夾的樣子。


可以看到很多網站的網址前方的有個小圖示,很可愛,也讓你的網站辨識度也提高,挑選一個符合你網站的圖示,不僅美化也能在加入書籤時,有個不同於其他書籤的明顯提示,那要如何作呢?

首先選擇一個你要的圖,盡量是比較簡單的gif或是png的圖,大小大概16*16,這樣縮圖後也會比較清晰,然後到 FavIcon from Pics網站

上載你的圖,然後按下 Generate FavIcon.ico 這個按鈕,就可以下載你的圖示了,

下載後會有gif、ico、png檔,如果你是用png檔去轉檔,是沒有gif檔的,只有ico檔,然後把gif或是ico檔放在適當的地方,我的做法是在blogger用一個文章草稿去存這些圖片,你也可以存在你的網路硬碟裡,如果是用ico檔也可以,不過因為blogger是不接受ico圖片檔的存檔,所以我都是用gif檔,或是你可以存在Googlepages也可以,我都把一些js、pdf、ico檔存在這裡,很好用的。

接下來在你的html語法裡找到這行(記得修改html前都要先儲存舊的模版,如果失敗了,才能恢復原狀。)
<title><data:blog.pageTitle/></title>
在這行前面加上這段語法即可
<link href=’圖片網址’ rel='shortcut icon'/>
然後按儲存,當你用Firefox連結到你的網頁時,就會出現圖示了,加入bookmark後,第二次再連結,書籤列也會出現圖示了。

這個網站工具蠻好用的,只要是你想要作成圖示檔的都可利用這個來轉,ico檔可以拿來作滑鼠圖示,桌面圖示,資料夾圖示等等,有興趣的人可以把系統裡的圖示都換成你自己的,也是很好玩的 。

延伸閱讀:
修正Favicon圖示消失的錯誤