如何自訂部落格的Favicon?

如何自訂部落格的Favicon?

網址列或標題前的圖示有個通稱的名字叫做Favicon,是一個16×16或32×32像素的圖檔。過去製作個人網站時,只要將檔案放在網頁空間的根目錄下,瀏覽器就會自行抓取。但是現在大家多使用免費的部落格空間,就得要在後台欄位加上語法才行。 Favicon圖檔可以自行手工製作存成.ICO檔案,或者也能透過線上工具(網站:FavIcon from Pics)製作。但是部落格系統得要支援語法才行,所以Dr.J只能介紹痞客幫、樂多與Blogger三個平台的設定方式;無名小站目前沒辦法修改。

製作Favicon.ico

Step 1

你可以透過繪圖軟體自行縮圖, 再將副檔名改為.ICO,最後上傳到免費空間,取得檔案網址。
如何自訂部落格的Favicon?

修改Pixnet部落格的Favicon

Step 1

首先登入Pixnet後台,由於不能直接修改樣式,所以得將語法藏到其他欄位之中。
如何自訂部落格的Favicon?

Step 2

接著到「進階、基本設定」中,在「部落格描述」欄位加入語法,然後儲存。語法:<link rel=”shortcut icon” href=”圖片網址” >
如何自訂部落格的Favicon?

Step 3

完成以後,重新開啟部落格就能在瀏覽器上看到Favicon已經換新。
如何自訂部落格的Favicon?

修改樂多日誌的Favicon

Step 1

樂多也是一樣,進入後台後選擇「首頁插入欄位」的「新增」,選擇「追加」自由欄位。
如何自訂部落格的Favicon?

Step 2

然後直接貼上與Pixnet相同的語法,儲存設定。記得內頁也要插入欄位,重覆一次。
如何自訂部落格的Favicon?

Step 3

回到部落格以後,Favicon也隨之更新。整體來說不會太複雜。
如何自訂部落格的Favicon?

修改Blogger的Favicon

Step 1

Blogger可以直接修改範本,所以較為簡單;但要深入卻有些技術門檻。進入後台選擇「版面配置」。
如何自訂部落格的Favicon?

Step 2

選擇「修改HTML」,然後在<head>標籤後加上前面提到的語法,然後儲存範本即可。
如何自訂部落格的Favicon?

Dr.J
作者

使用 Facebook 留言
3c5d76bf46dd7a1469743d64e2985647?size=48&default=wavatar
1.  KJV (發表於 2009年9月23日 08:11)
嗨,

我尝试修改Blogger的Favicon,reload网页的一瞬间自定的Favicon昙花一现,之后又被Blogger原来的Favicon取代了。不晓得你是否有这样的问题?
發表回應
謹慎發言,尊重彼此。按此展開留言規則