網址列或標題前的圖示有個通稱的名字叫做Favicon,是一個16×16或32×32像素的圖檔。過去製作個人網站時,只要將檔案放在網頁空間的根目錄下,瀏覽器就會自行抓取。但是現在大家多使用免費的部落格空間,就得要在後台欄位加上語法才行。 Favicon圖檔可以自行手工製作存成.ICO檔案,或者也能透過線上工具(網站:FavIcon from Pics)製作。但是部落格系統得要支援語法才行,所以Dr.J只能介紹痞客幫、樂多與Blogger三個平台的設定方式;無名小站目前沒辦法修改。
製作Favicon.ico
Step 1
你可以透過繪圖軟體自行縮圖, 再將副檔名改為.ICO,最後上傳到免費空間,取得檔案網址。
修改Pixnet部落格的Favicon
Step 1
首先登入Pixnet後台,由於不能直接修改樣式,所以得將語法藏到其他欄位之中。
Step 2
接著到「進階、基本設定」中,在「部落格描述」欄位加入語法,然後儲存。語法:<link rel=”shortcut icon” href=”圖片網址” >
Step 3
完成以後,重新開啟部落格就能在瀏覽器上看到Favicon已經換新。
修改樂多日誌的Favicon
Step 1
樂多也是一樣,進入後台後選擇「首頁插入欄位」的「新增」,選擇「追加」自由欄位。
Step 2
然後直接貼上與Pixnet相同的語法,儲存設定。記得內頁也要插入欄位,重覆一次。
Step 3
回到部落格以後,Favicon也隨之更新。整體來說不會太複雜。
修改Blogger的Favicon
Step 1
Blogger可以直接修改範本,所以較為簡單;但要深入卻有些技術門檻。進入後台選擇「版面配置」。
Step 2
選擇「修改HTML」,然後在<head>標籤後加上前面提到的語法,然後儲存範本即可。
我尝试修改Blogger的Favicon,reload网页的一瞬间自定的Favicon昙花一现,之后又被Blogger原来的Favicon取代了。不晓得你是否有这样的问题?