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已經被我換掉了,希望新的樣版可以符合自己的需要,搬家改版還蠻辛苦的。