2012年1月20日

為Blogger自訂網站小圖示(Favicon)


 
相信大家在使用網路的時候都曾注意到,
大多數的網站都有屬於他們自己的網站圖示(Favicon),
例如 Google、Yahoo或是我現在正在用的 Blogger,
當我們在看這些網站時,browser頁籤標題前或是我的最愛、書籤裡都會出現下面這些圖示,
雖然都比下面這些小很多XD,但還是都能讓使用者知道自己正在哪個網站中,
漸漸地也就會將圖示與我們網站連結起來,頗有品牌效果(?)。

那麼為了要建立自己的部落格品牌,
要怎麼做才能更換掉 Blogger 預設的圖示 icon 呢?
這在幾年前就有很多教學了,但當時更改步驟雖然不難,不過還是有點麻煩,
幸好 Blogger 不愧是最自由且開放的部落格平台之一,
我不確定他到底幾時開放了修改自訂網站小圖示這項功能,
但依據參考資料,至少在 2011 年的 7月前就有這項功能了。

以下 demo 一下到底要怎麼修改:
步驟一:進入 Blogger 後台管理介面 -> 點選版面配置
步驟二:點選頁面中間左上角的網站小圖示


步驟三:選取網站小圖示檔案上傳,大小不得超過 100KB ,且要方形圖片

步驟四:儲存後約要幾個小時到幾天的時間才會生效(我大約6小時內就更新了)。


至於方型圖片要從哪裡產生呢?
可以至 http://www.favicon.cc/ 等免費的線上 favicon generator 圖示產生工具,
現在大多都可以支援上傳圖片了,若要直接用照片會很方便,
不然也可以自己一格格上色設計一個,相信一定會很有特色的!

關鍵字:網站, 網頁, blog, blogger, blogspot, icon, favicon, 圖示, free, generator, 上傳, 自訂, 更改, 更換, 修改
參考資料:


更多精選推薦文章