2008年10月30日 星期四

Gmail Labs 新功能:自訂Gadgets小工具,打造個人資訊管理平台

gmail-01

Gmail Labs是Gmail裡面的一個後台設定頁面,目前只有在英文版的Gmail裡面才能看到,而既然名字叫做「實驗室(Labs)」,就表示在Gmail Labs中陸續的會推出許多還沒有在正式版發佈的新功能,這些新功能有的是純粹好玩的實驗,但有的則是為了增進未來用戶體驗而提出的改良設計,其中部分的新功能確實會讓人迫不及待的想要應用在正式版的Gmail當中。

關於Gmail Labs如何使用、設定,以及裡面有哪些新功能,建議可以參考善用佳軟幾篇詳細的介紹文章:

每次Gmail Labs推出新功能都很受到網路界的矚目與報導,例如像是前一陣子Gmail  Labs推出的寄出Mail前的「善意」延遲提醒,就造成了不少迴響。不過我自己對於Gmail Labs的新功能一直還沒有看到特別令我想要介紹的,直到前兩天推出的Google Docs、Google Calendar元件似乎有些什麼不同,然後我又看到了裡面還有一個新功能,是關於讓你可以增加像iGoogle裡面的Gadgets小元件到你的Gmail當中,也就是說「某種程度(有限的)」上你可以像在iGoogle裡面一樣,透過增添小工具來把Gmail打造成自己想要的樣子,增添自己想要的功能。而今天這篇文章,就是要介紹如何在Gmail裡面自行增加外部的Gadgets工具。

首先你必須把Gmail切換到英文版,然後到Gmail Labs頁面中啟動你想要試試看的新功能,關於這個流程以及labs目前擁有的功能,請直接參考上面善用佳軟的兩篇文章。我這邊就直接從已經啟動Gmail Labs後的操作開始介紹。另外值得一提的是,當你「已經」在Gmail Labs裡面啟動了你想要的新功能後,你可以把語言介面切換回中文,這時候已經啟動的Labs新功能都還是可以使用,只是無法進入Gmail Labs設定頁面而已。

假設你完成前面的設定,來到Gmail的「Settings」控制台,就可以看到有一個﹝Labs﹞的標籤頁面。

gmail-02

Gmail Labs中有選多新的實驗功能,只要勾選右方的「Enable」,然後到最下方按下﹝Save Changes﹞就可以啟動。而這兩天加入的新功能像Google行事曆、Google文件,還有自行添加第三方Gadgets(Add any gadget by URL),都可以在這裡啟動。

gmail-03

當你啟動「Add any gadget by URL」功能後,後台設定就會多出一個﹝Gadgets﹞標籤頁面,來到這個新頁面,下方就會有一個「Add a gadget by its URL」的輸入欄位,你只要輸入Gadgets小工具的網址,按下﹝Add﹞便可以新增。

gmail-04

那麼要如何獲得某個Gadgets的特殊專屬網址呢?首先我們利用Gadgets的最大集散地:iGoogle(可參考我之前iGoogle 2.0的教學),來到iGoogle後,點選右上方的「Add Stuff(新增小工具)」,就可以進入Gadgets的搜尋瀏覽頁面。

然後點選某個Gadget小工具,進入它的專屬頁面(如下圖所示),點選說明欄下方的「Share this gadget」

附註:並非所有的Gadgets都適合放入Gmail當中,有些是版面不適合,有些是無法匯入Gmail。

gmail-05

接著在「Share this gadget」對話盒中,你可以看到下方有一個「Or copy and paste a link to this gadget」的連結,點擊後就可以看到一個分享的網址,先將網址整個複製下來。

gmail-06

你複製下來的網址可能會長成下面這樣:

http://www.google.com/ig/adde?hl=en&moduleurl=http://www.labpixies.com/campaigns/todo/todo.xml&source=imag

不過匯入Gmail時需要的網址只有中間紅色的部份

http://www.labpixies.com/campaigns/todo/todo.xml

也就是把前面的網址去掉,也把後面的&source=imag去掉即可。

我們回到Gmail的Gadgets頁面,把「http://www.labpixies.com/campaigns/todo/todo.xml」填入輸入欄,按下﹝Add﹞,便新增完成了。

gmail-07

如果要在Gmail裡面好好的運用這些Gadgets,我會建議你同時也要開啟下面這幾個Gmail Labs功能。「Right-side chat」把GTalk移到版面右邊;「Right-side labels」把分類標籤移到版面右邊;「Navbar drag and drop」則可以讓你用滑鼠按住拖曳的方式來改變Gadgets的位置順序。

gmail-08

gmail-09

當然Google自己的行事曆、文件的Gadgets,也非常值得一用,尤其如果你原本就有使用Google Calendar、Google Docs的話,整合進Gmail以後,其實我們也可以說Gmail某種意義上已經是一種功能全面的線上免費Office Outlook了!

gmail-11

你有啟動前面提到的相應功能後,就可以很方便的改變Gadgets的位置。這邊順便推薦一下,加入ToDo類型的gadgets到Gamil中,也非常值得一試,和郵件溝通管理本身十分的搭配。

gmail-10

啟動了你需要的Gmail Labs功能後,你就可以把Gmail的介面切換回中文,這時候剛剛的新功能都還是可以繼續使用,你也可以到﹝小工具(Gadgets)﹞標籤頁面去繼續新增Gadgets。

gmail-12

 

  • 小結:

Gmail的優點已經是有目共睹,而透過Google在Gmail Labs當中的功能實驗,我們也可以試著去期待,或許有一天,Gmail可以真正成為免費、高自由度的線上版outlook,在一般用戶群中取代微軟的outlook。因為現在的Gmail不僅可以收發郵件,並具備強大的管理、過濾功能,而且我們也已經可以在Gmail裡面收發新聞、使用即時通、設定行事曆、管理個人文件等等,再加上Gadgets可能帶來的擴充性,確實以目前來說要推薦他人註冊Email服務,我想不到比Gmail更好的選擇了

2008年10月28日 星期二

Netvibes 可以正常連線了(附調查:你的瀏覽器首頁是?)

netvibesnew-01

不知道這個標題意思的朋友也沒關係,總之就是前一陣子在台灣無法順利在未登入情況下連線到「http://www.netvibes.com/」的問題,現在已經獲得解決了。之前我曾經寄信給Netvibes的客服回報了這個特殊的狀況,而那邊的客服也很熱心的持續詢問我一些細節,並要求我幫忙測試一些狀況,後來等了幾天沒有回應後,今天終於又收到Netvibes客服的來信,說明他們針對Netvibes做了一些調整,現在台灣的朋友應該都可以正常連線到Netvibes了

我趕快去測試看看,果然現在可以順利的連線了,而且速度上也頗為理想。看來又要在iGoogleNetvibes之間做個抉擇,看看接下來我要使用哪個服務來當作個人資訊首頁了。我自己是習慣使用iGoogle或Netvibes直接當作瀏覽器的首頁,因為打開瀏覽器對我來說就等於是開始一天的工作,所以首頁設定成這種資訊聚合中心,能夠接收Email、新聞和使用特定服務,是再適合也不過了。

不知道大家都喜歡使用什麼頁面當做自己打開瀏覽器後的首頁呢?趁這個機會來調查看看,歡迎大家在下方的投票工具上分享自己的選擇喔^^(也歡迎大家留言建議沒有出現在列表上的項目。)


2008年10月27日 星期一

Turn Your Name Into a Face 每個名字背後都有一個專屬頭像

face-01face-02

face-03face-04

Turn Your Name Into a Face」是一個很有趣的網站,雖然惡搞成份居多,但如果硬要說它的設計動機,大概是因為現在很多網站服務註冊時,除了要你輸入一個代號或暱稱外,也會要你上傳一個個人頭像(avatar),不過並非每個人都想要在網路上放自己的照片,也不是每個人都喜歡花時間去設計自己的專屬頭像,這時候「Turn Your Name Into Face」就可以讓你只要輸入自己的名字 ,就依據專屬代號來幫你製作出一個獨一無二的專屬頭像

Turn Your Name Into a Face」看起來好像很不認真,不過仔細玩玩看,會發現輸入不同的中英文名字真的可以給你不同的頭像,而且輸入同樣的名稱後,給你的頭像永遠都是一樣的。所以在「DownloadSquad」裡面就提到或許這個服務可以發展成部落格或社群外掛,讓使用者只需要輸入相同暱稱,就能在留言使用相同的代表圖像,省去訪客的麻煩,也有助於交流時的識別。

face-05如果這個小網站玩膩後,別忘了點選網頁右上角的「elsewhere」,會進入一個很有趣的線上塗鴉工具,讓你透過畫面中的動態塗鴉軌跡球,製作出顏色層疊、線條交錯的抽象藝術,覺得自己的作品不錯的話,還可以下載收藏喔!

2008年10月24日 星期五

Blogger Favicon 如何讓部落格有瀏覽器書籤和網址列專屬圖示?

favicon-16
什麼是Favicon?用最簡單的話來說,就是指那個出現在瀏覽器「網址列」開頭出現在瀏覽器「書籤/我的最愛」裡收藏的網站項目前的那個「小圖示」,如果你仔細看,就會發現其實有很多網站都擁有它們專屬的圖示,這讓訪客可以更容易的一眼就辨認出想去的網站,讓網站顯得更有個性。

而以部落格來說,使用WordPress等工具獨立架站、擁有自己空間的部落格當然可以輕鬆加上自己的網站專屬圖示,但如果你是依附在「部落格平台服務」下,那你就會發現Favicon顯示的是平台服務的圖標(例如所有無名小站部落格顯示的都是一個綠色的「無」);只有極少數的平台服務開放用戶去編輯HTML版面,並讓用戶可以透過修改HTML,來連結使用自己的Favicon,例如電腦玩物所依附的Blogger平台。

但是昨天忽然發現電腦玩物的Favicon失效了,不管用哪種瀏覽器來看都只有顯示出Blogger原始的官方橘色圖標,我原本以為是自己圖檔上傳空間的問題,但是做了修改後還是無法顯示圖檔,於是無計可施之下,隨意調動了一下Favicon程式碼的位置,居然發現部落格專屬圖示又跑出來了。


Blogger設定好的Favicon顯示不出來?

專業的解釋我寫不出來,不過總之結果就是:如果你已經是Blogger用戶,你也早就自己設定好Favicon,但是原本顯示得好好的,現在卻顯示不出來的話,那麼你只要把Favicon的程式碼調動到下面這段程式碼後面,以及</head>之前的某個位置上即可(最好直接放在</head>之前)
<b:include data='blog' name='all-head-content'/>
不要問我為什麼,因為這只是我實際測試出來的結果而已^^。
不過我想應該也有一些Blogger用戶還沒有自己設定過Favicon,有時候也有一些訪客來詢問我怎麼讓網址列可以出現自己部落格的專屬圖示。所以我想我也趁著這個機會,從頭介紹一遍電腦玩物專屬Favicon的製作流程

一格一格刻出自己的專屬圖標:

Favicon通常是使用「16X16」大小的圖示,格式為「ico」(Firefox等瀏覽器則另外支援gif、png的顯示)。為了要在這麼小的圖案中要讓訪客看清楚你想表達的內容,所以通常Favicon的圖案都是很簡潔單純的,你常常會看到的是使用網站具有代表性的字或字母。

而「Favicon.cc」這個網站,就是提供了一個16格乘以16格的編輯區塊,讓你自己選擇顏色,一格格的把想要的圖案刻出來。它的下方也提供了一個即時預覽的模擬畫面,讓你隨時可以知道目前圖案在瀏覽器網址列看起來會是什麼樣子。

favicon-01

點選16X16方格下方的「Use Animation」,可以設計動畫圖標。使用「Append New Frame」來新增一張圖示,你可以新增2張、3張到任何你想要的數量,然後就像畫動態卡通一樣,透過輪播這些不同圖片產生動畫效果的圖示檔。

這種方法可以設計出很多變化,但有點麻煩,電腦玩物網址上的靜態圖示雖然是使用Favicon.cc設計的,不過動態圖示則是用下面介紹的另外一個網站直接製作(什麼!你說你看不到電腦玩物的動態圖示?那就換成Firefox核心的瀏覽器看看吧^^)。
favicon-03

在Favicon.cc你可以不需要註冊、登入,就能使用所有的圖標設計功能,最後按下網頁下方的「Download Favicon」就可以把圖示(favicon.ico)下載回來囉!
favicon-02

簡單兩步驟製作動畫圖示:

FavIcom from Pics」則不是讓你自己設計圖標,而是幫你把已經存在的圖片變成icon圖示,你不僅不需要註冊登入,甚至只需要一個上傳的步驟即可。

進入網站後,你可以在中間看到一個上傳來源圖檔(Source Image)的欄位,按下﹝瀏覽﹞從本機硬碟中加入一張圖片,可以是各種大小格式的相片圖檔(jpg、png等等),然後按下〔Generate Favicom.ico〕,網站就會把圖片轉檔成適合當作Favicon的大小(16X16)與格式(*.ico)

或者你想製作動態的Favicon,那麼就記得先勾選「Animate Favicon」即可。
favicon-04

等待一小段時間,Favicon就會製作完成了。這時候你可以按下〔Download Favicon〕來下載製作好的Favicon圖檔
favicon-05

下載後的檔案是個壓縮檔,解壓縮後,你可以在目錄裡面找到一個靜態Favicon(*.ico),和一個動態的Favicon(*.gif)

這個網站所製作的動態圖示都是單一畫面上下捲動的模式,雖然很單調,但因為操作很簡單,又能達到動態的效果,所以也是頗值得一試。
favicon-06

將圖示檔案上傳到可外連空間:

透過前面兩個服務,我們已經製作出了符合規格的Favicon圖檔(16X16的ico和gif),而如果你想在Blogger使用它,就必須先將圖檔上傳到一個可以外連的空間(可外連,才能讓你把圖檔連到自己的部落格使用),當然,這個空間必須支援外連時顯示ico和gif,而且提供的外連網址結尾也是ico、gif檔案名稱。

符合這些要求的「免費」空間服務裡,微軟的「SkyDrive」是很值得推薦的一個選擇。來到SkyDrive,按下﹝開始使用﹞。
favicon-07

申請註冊一個新的空間帳戶,或者使用你的MSN帳號直接登入,你就可以擁有5GB的免費網路空間
favicon-08

進入你的個人SkyDrive頁面後,你會在下方看到一個「公開資料夾」,表示放在這裡面的圖檔都是可以公開被其他人連結看到的。你可以在這個公開資料夾底下建立一個新的資料夾來專門存放部落格需要的圖檔。
favicon-09

進入其中一個公開的資料夾中,選擇上方工具列的「新增檔案」來上傳你的Favicon圖檔,我這邊分別上傳了剛剛製作的靜態ico檔案,和動態gif檔案。
favicon-10

上傳好需要的圖檔後,如何在SkyDrive裡面獲得可以外連的圖片網址呢?首先點擊某個圖檔,接著點擊上方工具列的「開啟」
favicon-11

這時候就可以獲得該圖檔的獨立顯示網址,例如:「http://....livefilestore.com/........./favicon.ico」。把這段網址先複製下來,等等要設定到Blogger的後台中。
favicon-12

在Blogger後台設定Favicon:

前面我們已經完成了圖檔設計、圖檔上傳,並且獲得了圖檔的連結位置,那麼接下來我們就是要把Favicon的圖檔連結加入到部落格後台中,讓你的部落格開啟時能夠被瀏覽器偵測到Favicon。

以Blogger為例,進入〔版面配置〕-〔修改HTML〕,我們可以在這裡自訂版面內容,包括加入Favicon的連結。不過在進行任何HTML的修改前,記得先「下載完整範本」,把你目前的範本備份下來,以後修改時不小心發生錯誤,才可以透過重新上傳來還原。
favicon-13

接著就是最後的步驟了,我們必須把Favicon的圖檔連結加入HTML當中,加入的語法如下
<link href='剛剛獲得的ico圖檔連結' rel='shortcut icon' type='image/x-icon'/ >
<link href='剛剛獲得的gif圖檔連結' rel='icon' type='image/gif'/>
以電腦玩物使用的Favicon為例,就會寫成這樣:
<link href='http://ki6xfa.blu.livefilestore.com/y1pCUPmfVpzKvuusmZL6f-oxV17ai-K-HGGBZ2oT0MdQPpgbW_RAgpgcUb9k8WmOvec139CAyYAwn8/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ki6xfa.blu.livefilestore.com/y1pwcZjamU1G8HTc1oGGnssEoPE0mA0WOMl1OOhsVR2xZDRqWg6mvzLsHoK6dvWuBAIAOmo0xA_Ch8/favicon.gif' rel='icon' type='image/gif'/>
把上面兩段語法加入到HTML範本內容裡的<b:include data='blog' name='all-head-content'/>之後,</head>之前(最好直接放在</head>之前)。

附註:原本是加在範本內容的<head>和</head>之間就可以,但是從昨天開始(2008/10/23)在Blogger中如果favicon程式碼跑到<b:include data='blog' name='all-head-content'/>之前,在瀏覽器中就顯示不出你的Favicon。
favicon-15

讓我們進一步解釋兩段語法的功能:
<link href='剛剛獲得的ico圖檔連結' rel='shortcut icon' type='image/x-icon'/>
<link href='剛剛獲得的gif圖檔連結' rel='icon' type='image/gif'/>
假設你只想要使用靜態的ico圖檔,那麼只要加入第一行<link href='剛剛獲得的ico圖檔連結' rel='shortcut icon'/>這段程式碼就可以了,這樣你的部落格在所有的瀏覽器中都可以顯示出Faviocn。記得圖示檔案的格式必須是「ico」,這樣使用IE的用戶才能看到你網站的圖示。

而如果你想使用動態的gif圖標,那麼就還要再多增加第二行<link href='剛剛獲得的gif圖檔連結' rel='icon' type='image/gif'/>這段程式碼,這樣Firefox瀏覽器就能讀取到Gif動態檔案,能夠在網址列、書籤當中看到動態的圖示,不過並非所有瀏覽器都支援顯示Gif檔的Favicon,所以記得先添加第一行的程式碼。

完成上述動作後,儲存你修改過的範本,重新開啟瀏覽器來讀取你的部落格,就可以看到網址列、書籤上出現網站的專屬圖示囉!

2008年10月23日 星期四

Blogger 正式開放追蹤者新功能,誰在看你的部落格?

blogger-09

大家應該都知道電腦玩物部落格使用的是Google的Blogger平台服務。而今天我登入Blogger時,看到後台裡「網頁元素」-「新增小工具」中的「追蹤者」功能,似乎正式在中文版的Blogger後台上線了。問了幾位使用Blogger的朋友,也都能夠使用這個新的小工具,所以特別寫篇文章來推薦中文的Blogger用戶可以嘗試利用看看這個新服務。

什麼是「追蹤者」?它最主要的功能是讓Blogger的使用者可以在部落格安裝一個外掛,其他同樣是Blogger的讀者來到你的部落格時,如果喜歡你的網誌,就可以透過這個功能來「追蹤」你的部落格。於是Blogger用戶彼此之間可以透過這個功能互相追蹤,在自己的部落格展示目前正在追蹤本站的友站站長,另外也可以透過進入自己的Blogger後台閱讀目前已追蹤網誌的更新消息

或許之前有朋友已經在測試版的Blogger玩過這個功能,不過現在既然在中文正式版的Blogger開放,所以我還是從頭介紹一遍操作流程。

 

追蹤者外掛:

首先進入你的Blogger後台,選擇「網頁元素」,點選「新增小工具」,就可以在彈出視窗中看到「追蹤者」的外掛元件,點擊﹝+﹞便可以新增。

blogger-01

你可以設定外掛的標題,因為我覺得這是偏向於凝聚Blogger用戶間的社群溝通,所以我取名為「電腦玩物Blogger群」。按下﹝儲存﹞,然後移動外掛到你想要的版面位置。

blogger-02

效果就如同目前電腦玩物側邊欄偏下方展示的那樣。訪客(需要擁有Blogger或Google帳號)可以透過點擊「追蹤這個網誌」,加入下方的追蹤者名單當中。

而如果是站長本人就會在下方多出一個「管理」名單的功能。

blogger-03

 

如果訪客按下「追蹤這個網誌」,還可以讓訪客選擇要公開跟蹤還是匿名跟蹤。如果是匿名跟蹤就不會在外掛中顯示訂閱者的頭像與連結,但是訪客回到自己的後台仍然可以看到自己訂閱的部落格資訊。

blogger-04

部落格站長也可以針對自己的追蹤者來進行管理。或者反過來去拜訪自己的讀者,因為對方也是Blogger用戶,或許可以進行更多交流。

blogger-05

 

來到你自己的Blogger後台,則可以在自己的部落格後台看到目前的追蹤者數量。

blogger-06

 

後台的閱讀清單:

後台的下方也多了一個「閱讀清單」的功能,你可以看到自己追蹤的部落格列表與最新的文章摘要。你也可以在這邊直接按下方的﹝新增﹞,來直接輸入某個部落格的網址進行訂閱。

blogger-07

而事實上如果以訂閱的角度來看的話,所有的部落格都可以在「閱讀清單」訂閱,不一定要是使用Blogger平台的,只是因為對方部落格如果不是Blogger用戶,那就無法使用追蹤者外掛的功能而已。

blogger-08

而且這個閱讀清單功能,是和你的Google Reader整合在一起的,來到你的Google Reader,就會看到多出一個「Blogs I'm following」的分類資料夾。

blogger-10

你可以隱藏「Blogs I'm following」分類,只要到Google Reader後台設定中,取消勾選「Show followed blogs from Blogger」即可。

blogger-11

 

你正在追蹤的網誌清單:

既然有顯示本站追蹤者的外掛,當然反過來也有外掛可以展示站長正在追蹤的閱讀清單 。同樣在新增小工具的地方,這次選擇「網誌清單」外掛。

blogger-12

在這個外掛裡面你可以獨立加上個別部落格,但是也可以透過﹝加入清單﹞時勾選從「我追蹤的網誌」來匯入你之前已經設定的閱讀清單。

而且這份網誌清單,可以勾選「最新項目的標題」,讓外掛中顯示訂閱部落格的最新文章,達到一種輪播的效果,非常的不錯。

blogger-13

 

  • 小結:

Blogger一向是被認為擁有很高自由度的部落格平台服務,不過許多功能必須自己添加這一點,對有些用戶來說可能反而是缺點。而最近可以看到Blogger開始慢慢加入更多方便使用者的功能,甚至原本很接近獨立部落格感覺的平台,居然也有「追蹤者」這種類似友站互相連結的功能了,有興趣的Blogger朋友趕快來試試看吧!

P.S.另外值得一提的是,最近Google在iGoogle和Blogger閱讀清單中都做出了與Google Reader的某種整合,讓不同服務間的資訊能夠達到某種溝通,這些小小的改變,也是頗值得用戶去注意和嘗試喔!

StigID 網路名片服務,請用十句話來形容你自己

stig-08

以一個單純的使用者,或者說玩家(沒有專業的意思,只有真的很愛玩的意思XD)的角度來看,一個網站或軟體能不能賺錢?有沒有搞頭?這從來不是我會去很擔心(關心?)的事情。對我來說重點在於一種工具能夠帶給我有趣的體驗那就夠了,不管是十分鐘或十個月,有一種東西讓你可以從中獲得一些想法、情感或實際效益上的收穫時,那都可以算是一種好工具。

今天要介紹的這個「Stig ID」,大概就是那種玩個十分鐘你就可以準備忘記它的網路服務,但這短短的使用過程卻可能為你帶來一些啟示。StigID這個網站提供一個網頁讓你登記和展示自己的名片,不過StigID比起一般網路名片服務(例如Retaggr)的設計有很大的反轉,StigID極度的簡陋,也沒有那種什麼匯入通訊錄、匯入網路帳號的功能,它只是提供你「十個欄位」,你可以在這十個欄位裡面填入句子和加上網址連結,是的,就只有十個,不能再多了。

StigID裡面那個「簡陋」的十欄表單中,你沒有任何方便點選的工具按鈕,但卻也因此極度的高自由、個性化,請自己發揮想像力來填入你覺得可以「描寫自己」的句子。這時候你會怎麼做?你會如何用10句話來描寫自己?記住,每句話最多不能超過20個中文字喔!

古人說:「吾日三省吾身」不是沒有道理的,而我們雖然不是大師,但也可以玩玩看《羅蘭巴特論羅蘭巴特》那樣的鏡相自述。或許透過StigID這樣的體驗,你我才會發現原來自己從來沒有好好想過自己倒底是什麼?歡迎讀者嘗試這個服務後,在本文留言裡留下你的StigID名片位置,讓我們彼此分享自己如何去描寫自己。

2008年10月22日 星期三

Flickrin 在部落格製作 Flickr 檢索結果的精美縮圖展示牆

Flickrin這個網路服務可以幫助你透過標籤或使用者名稱來搜尋Flickr相簿中的圖檔,然後將搜尋到的圖片結果,快速製作成一面可以張貼在網站側邊欄、部落格文章中的縮圖展示牆(縮圖除了縮小,也只會展示部分畫面)

你需要做的只是在Flickrin網站左方的欄位,先選擇你要使用Tag或username來搜尋,然後輸入你想查詢的關鍵字(不支援中文),設定你要展示的橫列數量(quantity),最後按下﹝Generate﹞。就可以在網頁中間看到製作出來的圖牆,而網頁右方則能夠獲得張貼的程式碼(有HTML和Javascript可選)。

本文開頭的示範,就是搜尋"Fallout3"後製作的縮圖牆,讀者可以點擊感興趣的縮圖,就能進入Flickr原始發表處查看原圖,很有趣的一種圖片推薦方式。

消息來源:FlickrIn: Embed Your Favorite Flickr Photos In Your Blog

ShoutMix / ShoutBox 可識別站長公告,好管理的部落格留言板

老話題還是在開頭向大家重新介紹一遍,在電腦玩物裡面讀者有四種方法來和站長我(異塵行者)互動,第一種方法是直接在任何文章裡下留言,不管和文章本身有無關係我都能夠接受;第二種方法是透過部落格右上角我的Gmail寄信給我;第三種方法是透過部落格最右下方的Plugoo即時通訊外掛,在我上線的時候即時和我交流;而第四種方法就是今天要介紹的「ShoutMix」留言板。上述交流方式除了廣告垃圾留言外,基本上所有的留言都歡迎,也沒有其它的限制或規矩。

關於獨立的留言板,我本來長期使用的是「Cbox」這個服務,之前因為一些事情暫時撤下,不過其實第二天我就想說要再裝回來電腦玩物的版面上了,結果因為事情忙拖一拖後我自己也給忘了。直到最近忽然感覺到好像以前常常回答的一些問題和訊息有一陣子沒有看到了,這才驀然發現原來我忘了把獨立留言板給裝回來!我自己是覺得獨立留言板的存在還是有其必要,假設文章底下的留言大多針對文章回饋而來,假設Plugoo的即時訊息可以和個別讀者更容易的交換意見,那麼獨立留言板的功能就是可以讓我接收到關於整個部落格的建議,包含批評、鼓勵與資訊提供,當然讀者"常常"問出我也回答不了的問題時,有個獨立的留言板,更容易讓其他厲害的讀者看到而幫忙回答,有一種小型討論區的功能

那麼為什麼這次我裝回留言板時選擇ShoutMix呢?希望大家別誤會了,並不是它比較好,基本上Cbox和ShoutMix免費版的功能差不多,各有優點,很難說出高下,但也因為這樣,所以我就想說那就換個外掛來玩玩看囉!而如果要說ShoutMix令人喜愛的主要理由,就是在留言板外掛的介面上提供站長直接登入,並且直接在外掛上管理留言的功能,另外登入後的站長留言也會有專門的識別標誌,讓讀者可以分辨哪些是站長本人真正的公告。


註冊流程:

來到ShoutMix首頁,點選網頁中間的「Create Your Shoutmix Now」,開始註冊與獲得留言板外掛的流程。

shoutmix-01

來到註冊資料填寫頁面,「Shoutbox ID」裡面填寫你想要的帳號名稱,以後要用這個ID登入,請慎重填寫;在「Chosse Password」裡面填寫你想要的密碼;「Retype Password」將密碼再填寫一遍以做確認。下方的「Name」則是填入你的姓名或暱稱,這邊可以隨意填寫;「Email」則是填寫你的電子郵件信箱。最後勾選「I have read and agree to the terms of service」,按下〔Continue〕即可。

shoutmix-02

接著會要你選擇一種留言板的主樣式,有圖片可以參照,所以應該不需多做介紹,而且以後也可以在後台更換,在下方欄位輸入右下角圖片裡的英文字後,按下〔Continue〕繼續。

shoutmix-03

這時候已經註冊完成,可以直接使用ShoutMix了,按下〔Go to my control panel now〕,就可以進入ShoutMix的後台設定介面。

shoutmix-04


設定外觀樣式:

來到ShoutMix的後台介面,你可以在整個畫面右下方看到一個預覽的留言板,你可以輸入留言試試看,或是直接在這裡查看最新的部落格留言,發表站長專屬公告等等。而畫面上方四個灰色方格就是你的設定功能。「Quick Start」主要是獲取安裝程式碼的功能;「General」主要是一些留言板細部設定,不過因為免費版裡很多功能也不能用,所以這部分也可以不理它;「Display」裡面是留言板的外觀樣式設定;「Security」裡面則是關於垃圾留言的安全阻擋等功能。

我們可以先點選「Display」→「Style & Colors」來進入外觀的設定。

shoutmix-05

在「Display」→「Style & Colors」中,你可以有很多細部的外觀控制權,你也可以在「Load from preset」裡面選擇一種預設的外觀樣式來直接替換,按下左下方的〔Preview〕可以預覽你的樣式。決定後記得按下右下方的〔Save settings〕確認。

shoutmix-06

「Display」→「Date & Time」裡面設定你的留言板時區,這樣才能正確的顯示出讀者留言的時間,你可以在「Timezone」裡面選擇【Asia/Taipei】即可(台灣讀者適用)。最後還是要記得按下右下方的〔Save settings〕確認。

shoutmix-07

來到「Display」→「Labels」裡面,你可以設定留言版上各種功能的「實際顯示名稱」,將其替換成中文後也可以正常顯示,而如此一來訪客在使用上應該會比較順手。當然你也可以自己去設定喜歡的名稱。最後還是要記得按下右下方的〔Save settings〕確認。

shoutmix-08

在「Security」裡面的「Access Control」,免費版的ShoutMix用戶能選擇的有「Public」功能,也就是安裝外掛後所有訪客都可以看到內容,不過你可以在這裡勾選「Everyone」:每個人都能留言,或是「Admin only」:只有管理者能留言。透過後面那個功能你也可以把ShoutMix當作站長公布欄來用(不過我標題說的站長專屬公告不是指這個,更有用的功能在後面^^)。

shoutmix-09


安裝外掛程式碼:

基本的設定都完成後,回到你的控制後台,選擇「Quick Start」裡的「Use shoutbox」來獲得你的留言板程式碼。

shoutmix-10

你可以在幾種不同的留言板展現方式中選擇,由上而下分別是「放置一般外掛(如同目前電腦玩物版面右下角呈現的方式)」、「放置Flash外掛(如同本文開頭呈現的方式)」、「放置超連結(導引讀者連到獨立留言板頁面)」、「獲得留言板網址(ShoutMix提供你一個專用的留言板獨立網頁,例如這個電腦玩物留言板)」。

shoutmix-11

假設選擇了一般的外掛,接著你可以設定寬度(Width)與高度(Height),然後複製下方的程式碼,安裝到你的部落格版面欄位中即可。例如Blogger後台便是新增一個小工具,選擇新增「HTML/JavaScript」類型工具,把程式碼貼上內容欄位。

安裝後的外掛,你可以直接透過ShoutMix的後台來改變它的外觀樣式等設定,除了寬度和高度外其它設定都不需要再更動外掛。

shoutmix-12


留言板介面操作:

安裝完ShoutBox後就可以開始使用了。使用上除了填寫暱稱、網址,並留言後按下〔發送!!〕(這是我自己設定的名稱,前面有教學)之外,訪客也可以按下留言板右下角的〔+〕來打開進階功能。

shoutmix-13

進階功能裡面有一些動態或靜態的表情符號可以使用。你還可以按下〔Pop-up Shoutbox〕來將這個留言板獨立到小視窗裡面使用。

shoutmix-14


站長專用識別與快速管理:

接著是站長才能使用的專屬功能,在留言板的右上角有個特殊符號,點擊進入。

shoutmix-15

這時候下方會出現一個讓你輸入密碼的欄位,站長必須輸入自己ShoutMix的密碼,然後按下〔Login〕,就可以「登入」這個留言板,進行其它訪客無法使用的進階操作。

shoutmix-16

首先,在輸入密碼並登入留言板後所發表的留言,會出現一個小小的長方形識別標誌,代表這則留言的用戶是處於登入的狀態下。而因為電腦玩物裡面使用的是免費版的ShoutMix,所以可以用密碼登入這個留言版的只有站長本人(也就是我),亦即是說以後在電腦玩物看到有這個識別標示的留言就是由站長本人發表的。訪客便可以透過這個方法,來判斷這則留言是不是屬於這個留言版的管理者所發佈的了

當我登入留言板外掛後,我可以直接在外掛裡面按下「Ban」來阻擋某個用戶,這個用戶的IP和其網址都會自動加入黑名單。或者我也可以直接按下「Delete」來刪除某則留言,不需要進入後台。另外右方的「#」則可以立刻查看該用戶的IP位置。

shoutmix-17


阻擋IP、網址,匯出設定:

除了在留言板外掛中登入,直接屏蔽惡意用戶外,你也可以到後台的「Security」→「Ban Control」裡面,手動加入想要阻擋的IP位址與網址,可以只輸入部分的IP或網址,這樣只要符合這個小部分的所有IP和網址也都會一起被阻擋。

而所謂網址的阻擋,也包括了擋掉留言欄位裡出現的特定網址

shoutmix-18

另外你可以到「General」→「Export Settings」裡面,勾選你想要匯出的設定,按下〔Export Settings〕就能匯出成文字檔(txt)。以後要匯入設定時,只要複製文字檔裡的內容,貼到下方的「Load data」欄位即可。

shoutmix-19


  • 小結:

shoutmix-20

ShoutMix的ShoutBox有區分免費的基本版和付費的進階版。一般部落格用戶如果當做獨立的輔助留言板來用,那麼使用免費版就很足夠了,免費版中每分鐘可以有十幾次自動更新、外掛裡容納250則留言、每則留言150字(比Twitter多XD)、每小時最多60則留言,非常夠用了。另外這個外掛載入速度頗快,外觀也好看,想要玩玩留言板的部落格用戶推薦來試用看看。

相關文章: