為你的網站加個小圖示---Favicon

這個功能，只針對使用Firefox的瀏覽器，ie6完全無法作用，而ie7會顯示一個資料夾的樣子。


可以看到很多網站的網址前方的有個小圖示，很可愛，也讓你的網站辨識度也提高，挑選一個符合你網站的圖示，不僅美化也能在加入書籤時，有個不同於其他書籤的明顯提示，那要如何作呢？

首先選擇一個你要的圖，盡量是比較簡單的gif或是png的圖，大小大概16*16，這樣縮圖後也會比較清晰，然後到 FavIcon from Pics網站

上載你的圖，然後按下 Generate FavIcon.ico 這個按鈕，就可以下載你的圖示了，

下載後會有gif、ico、png檔，如果你是用png檔去轉檔，是沒有gif檔的，只有ico檔，然後把gif或是ico檔放在適當的地方，我的做法是在blogger用一個文章草稿去存這些圖片，你也可以存在你的網路硬碟裡，如果是用ico檔也可以，不過因為blogger是不接受ico圖片檔的存檔，所以我都是用gif檔，或是你可以存在Googlepages也可以，我都把一些js、pdf、ico檔存在這裡，很好用的。

接下來在你的html語法裡找到這行（記得修改html前都要先儲存舊的模版，如果失敗了，才能恢復原狀。）
<title><data:blog.pageTitle/></title>
在這行前面加上這段語法即可
<link href=’圖片網址’ rel='shortcut icon'/>
然後按儲存，當你用Firefox連結到你的網頁時，就會出現圖示了，加入bookmark後，第二次再連結，書籤列也會出現圖示了。

這個網站工具蠻好用的，只要是你想要作成圖示檔的都可利用這個來轉，ico檔可以拿來作滑鼠圖示，桌面圖示，資料夾圖示等等，有興趣的人可以把系統裡的圖示都換成你自己的，也是很好玩的 。

延伸閱讀：
修正Favicon圖示消失的錯誤