favicon就是在網址旁邊有一個小小的圖標，當firefox開一大堆的時候，看起來好熱鬧。
所以favicon也漸漸變成大家對某網站的視覺認知，就像blogger的小橘 B，google的彩色 G，那我也想要一個。
很簡單呦，shenez's blog: Blogger Beta 加入 Favicon (軒)上有很好的解釋，大致是這樣的：
1. 先用繪圖軟體做一個小小的圖標，大小是16px*16px，這樣ie才認得。
2. 把檔案存成ico或是png，上傳到存圖空間
3. 在template內<head >跟</head>之間加上這段code：
<link rel="shortcut icon" href="http://存圖位置" />
<link rel="icon" href="http://存圖位置" />
使用photoshop做圖標的話，可以直接存png檔，如果想要存成ico檔，則需要一個小外掛，在telegraphic的ICO (Windows Icon) Format就可以下載。下載後把檔案放到photoshop底下的Plug-Ins\File Formats裡面，(像我的檔案是在這裡 C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats)，然後在執行photoshop，就會發現檔案可以存成ico格式囉！
我在這邊用的是
，在pinktealeaf用的是粉紅小忍者
這些小圖我都是存到googlepages裡面，而且googlepages現在也和blogger一樣，一個帳號可以生好多個pages出來啦。不過在googlepages存成favicon.ico好像會有點問題，要改成不是favicon，我存成favicon.png就完全沒問題。
而貼心的做favicon網站可以做出動來動去的小圖標。
2 comments:
thx alots....i will share u post on my blog,with the refer..if u disagree i post this post on my blog,remember tell me..thx a^^
no problem, enjoy it.
Post a Comment