Gravatar讓您的留言也有美美的大頭貼


文章閱後留言,一直都是與網友互動中最重要的一環,辛辛苦苦留下話語,但大頭貼卻是單調的「無名氏」面容,看起來就缺了點親切感。如果想在留言版上有著美美的留言大頭貼,其實不會太難,只要您有正常使用的電子郵件(Email),並按下面步驟完成簡單註冊作業,之後在全世界主要流通的網誌或社群留言版如Wordpress、Disqus等,只要填入email,就可以顯示您的頭像,相當方便呢!

這套跨平台大頭貼系統叫做Gravatar,其實是「Globally Recognized Avatar」的縮寫,方便您的大頭貼帶著走。若是您常常留言與網友互動,要凸顯您留言時的大頭貼,那建議一定要去註冊。

接下來,就讓我們跟著步驟走一回吧,其實過程不會太難的:

步驟一:準備作業
先想想看要用的電子郵件(Email address)、使用者英文名稱(Username)、以及密碼(password)並記在紙上。隨後在自己的電腦上找一張合適的大頭貼照片,並記住存放的電腦路徑位址。若選後想換也沒關係,之後還可以隨時登入更換的。

步驟二:造訪網站首頁
接下來到Globally Recognized Avatar的網站首頁註冊,點按【Create your own Gravatar】。
01 create your own Gravatar

步驟三:網站首頁註冊
依序填入紙上的電子郵件(Email address)、使用者英文名稱(Username)、以及密碼(password),之後點按【Sign up】。
02 Sign up for Gravatar

步驟四:註冊確認信發送
Gravatar系統會發送一封確認信到您的註冊電子郵件中,以確認是否為有效的電子郵件。請先到您的電子信箱中確認並活化所註冊的資訊,再返回進行下一步驟。
03 gravatar confirmation

步驟五:註冊確認信活化
在自己的電子信箱中確認並點按【Activate Account】以活化所註冊的資訊,系統會再跳至Gravatar個人資料網頁中。
04 gravatar activate account

步驟六:檢視個人資料頁
個人資料頁已完成大半註冊工作,但是黃色框選大頭貼還是醜醜的Gravatar圖像,我們要改成自己美美的照片,請點按【Add one by clicking here !】。
05 Manage Gravatar

步驟七:點選大頭貼來源
大頭貼照片可選取不同資料來源,因為我們的資料是在個人電腦中,因此我們選按【My computer’s hard drive】。
06 choose a rating for your Gravatar
步驟八:選擇大頭貼
點按【選擇檔案】後,挑選電腦路徑位址的大頭貼照片後,完成後再點按【Next】。
07 select an image from computer

步驟九:調整大頭貼
可利用虛線方框調整圖片的最佳位置,完成後點按【Crop and Finish!】。
08 adjust image

步驟十:設定大頭貼分級
大頭貼可進行分級,有點類似電視電影的分級制度。因為大部分人都會選擇合宜的普級照片,故請點按【rated G】的方框。
09 choose a rating for your Gravatar

步驟十一:完成大頭貼設定
返回個人資料頁,可以看見大頭貼(黃色方框處)已經設定完成。若有多於一張大頭貼的部分,也會呈現在頁面下方藍色方框處,可供選擇更換。若想要新增、刪除、調整大頭貼,或是管理個人資料,也可以點按右上方小頭像處,即可跳現【管理工具箱】喔。
10 gravatar selection finish

 

想看看成果如何嗎?請以本頁下方留言版進行測試,並歡迎留言鼓勵喔!

留言測試步驟一:
點按【開始留言評論…】方框。
11 disqus comment 01

留言測試步驟二:
點按【名稱】方框,留言系統會自動帶出【信箱】及【密碼】方框。
12 disqus comment 02

留言測試步驟三:
依Gravatar大頭貼所註冊之英文名稱、信箱、密碼,依序填入【名稱】、【信箱】及【密碼】方框中。隨即在【開始留言評論…】方框中,填入所要留言的話語。喜歡的話,還可以在黃色方框處貼圖,最後按下【→】即可留言。
13 disqus comment 03

留言測試步驟四:
留言大頭貼已經被帶出,請按【以XXXX發文】方框留言。
14 disqus comment 04

留言測試步驟五:
留言完成,大頭貼已經是美美的照片,而不是既平面又黯淡的「無名氏」囉。
15 disqus comment 05


Facebook留言

則留言

2014年07月09日 | Posted in 筆記, 網誌 | 標籤:, , , No Comments » 

関連記事