2009年6月13日 星期六

自定 Blogger Favicon

昨天嘗試為這 Blog 做一個 Favicon。

Favicon 就是一個只有 16x16 像素的小圖示。若是網頁有指定 Favicon,並且使用支援它的瀏覽器,它便會顯示在瀏覽器的網址列和分頁標籤的左邊。Blogger 預設的 Favicon 就是那個橙色底白色 "B" 字的圖示。

要在 Blogger 上用自定 Favicon 並不困難:
  1. 首先當然要預備一個 16x16 像素的小圖示。你可以用網上的免費工具製作。若你喜歡用 Photoshop 的話也可以下載圖示格式的插件來製作圖示。雖然小圖示可以是 ICO,GIF 或是 PNG 格式,但是,目前仍有六成以上佔有率的 Internet Explorer 只支援 ICO 格式。所以若你想那些用 IE 的瀏覽者看到你的 Favicon 的話,就只好用 ICO 格式了。
  2. 跟著當然要把製作好的圖示放上網。
  3. 在「資訊主頁」,按「版面配置」,再按「修改 HTML」。在「修改範本」中,你會找到這兩行 HTML 碼:
  4. ]]></b:skin>
    </head>
  5. 在這兩行之間加上 Favicon 的 HTML 碼,就像紅色部份。當然,你要把自己小圖示的網址換上去:
  6. ]]></b:skin>

    <!-- Favicon -->
    <link rel="shortcut icon" href="小圖示網址" />

    </head>
  7. 最後按「儲存範本」後便可以按「檢視網誌」看看效果。


所有要預備的都做好了,我先以 PNG 格式來試,Firefox 沒問題,但 IE7 就是顯示不到。然而 Flickr 又不支援 ICO 格式,我目前又沒有其他網上存圖的地方,就只好暫時放下轉用自定 Favicon 的念頭了。

Wikipedia: Favicon
How to Create A Favicon (3 Different Ways)
ICO Format Plugin for Photoshop

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。