Favicon 就是一個只有 16x16 像素的小圖示。若是網頁有指定 Favicon,並且使用支援它的瀏覽器,它便會顯示在瀏覽器的網址列和分頁標籤的左邊。Blogger 預設的 Favicon 就是那個橙色底白色 "B" 字的圖示。
要在 Blogger 上用自定 Favicon 並不困難:
- 首先當然要預備一個 16x16 像素的小圖示。你可以用網上的免費工具製作。若你喜歡用 Photoshop 的話也可以下載圖示格式的插件來製作圖示。雖然小圖示可以是 ICO,GIF 或是 PNG 格式,但是,目前仍有六成以上佔有率的 Internet Explorer 只支援 ICO 格式。所以若你想那些用 IE 的瀏覽者看到你的 Favicon 的話,就只好用 ICO 格式了。
- 跟著當然要把製作好的圖示放上網。
- 在「資訊主頁」,按「版面配置」,再按「修改 HTML」。在「修改範本」中,你會找到這兩行 HTML 碼:
- 在這兩行之間加上 Favicon 的 HTML 碼,就像紅色部份。當然,你要把自己小圖示的網址換上去:
- 最後按「儲存範本」後便可以按「檢視網誌」看看效果。
]]></b:skin>
</head>
]]></b:skin>
<!-- Favicon -->
<link rel="shortcut icon" href="小圖示網址" />
</head>
所有要預備的都做好了,我先以 PNG 格式來試,Firefox 沒問題,但 IE7 就是顯示不到。然而 Flickr 又不支援 ICO 格式,我目前又沒有其他網上存圖的地方,就只好暫時放下轉用自定 Favicon 的念頭了。
Wikipedia: Favicon
How to Create A Favicon (3 Different Ways)
ICO Format Plugin for Photoshop
沒有留言:
張貼留言
注意:只有此網誌的成員可以留言。