修改Blog瀏覽器書籤和網址列圖示

出處，作者：異塵行者

修改Blog瀏覽器書籤和網址列專屬圖示

我們必須把Favicon的圖檔連結加入HTML當中，加入的語法如下：

<link href='ico圖檔連結' rel='shortcut icon'/>
<link href='gif圖檔連結' rel='icon' type='image/gif'/>

把上面兩段語法加入到HTML範本內容裡的<b:include data='blog' name='all-head-content'/>之後，</head>之前（最好直接放在</head>之前)。

我的語法如下：

<link href='http://img144.imageshack.us/img144/7599/fox.gif' rel='shortcut icon'/>
<link href='http://img144.imageshack.us/img144/7599/fox.gif' rel='icon' type='image/gif'/>

假設你只想要使用靜態的ico圖檔，那麼只要加入第一行<link href='ico圖檔連結' rel='shortcut icon'/>這段程式碼就可以了，這樣你的部落格在所有的瀏覽器中都可以顯示出Faviocn。記得圖示檔案的格式必須是「ico」，這樣使用 IE的用戶才能看到你網站的圖示。

而如果你想使用動態的gif圖標，那麼就還要再多增加第二行<link href='gif圖檔連結' rel='icon' type='image/gif'/>這段程式碼，這樣Firefox瀏覽器就能讀取到Gif動態檔案，能夠在網址列、書籤當中看到動態的圖示，不過並非所有瀏覽器都支援顯示Gif檔的Favicon，所以記得先添加第一行的程式碼。

完成上述動作後，儲存你修改過的範本，重新開啟瀏覽器來讀取你的部落格，就可以看到網址列、書籤上出現網站的專屬圖示囉！