看了标题可能有人就要发问了，favicon是什么东东啊？我觉得它的作用和QQ中的人物头像类似，可以称作“网站头像”吧。一言难尽，不多说废话，看图：
网站图像以前只是在IE收藏时会用到，但现在很多多窗口的浏览器都支持，比如我使用的the world:
还有目前很流行的Fire fox都能支持Favicon的显示。
这下应该明白了吧？呵呵，比如：
常见的导航网站
http://hao123.com/的favicon就是这个
而大名鼎鼎的百度的favicon是这样的
如果你没有做过自己风格的favicon话，默认的是这样的：
。
现在你应该对favicon有了充分的认识了吧？那我现在就教你怎么样给自己的博客添加一个自己风格的favicon。
首先，你得自己做，或者是找一张16*16像素的.ico的图片
favicon.ico，将其上传到你博客的根目录，然后打开header编辑，在<head> ... </head>语句中间插入如下的HTML标签：
复制内容到剪贴板
代码:
<link rel="shortcut icon" href="favicon.ico" >保存上传即可。
注意：【这个静态效果的大家不用修改，PJ程序自带了。如果想换favicon，直接上传编辑好的favicon.ico覆盖源文件即可】。
当然了，上面说的都是添加静态效果的favicon，那么能否添加一个动态效果的favicon呢？答案是肯定的，并且我今天主要给大家介绍的，也就是这个动态效果的实现。看效果图【注意看favicon位置】：
【效果图是我自己录制的，不是很清晰，敬请谅解】
看到了吧？我给我的favicon就加了这么一张动态的图片：
【看不清楚的话右键点属性复制地址在浏览器中查看】
方法如下，在你的博客的根目录下上传你所编辑好的动态16*16像素的图片
xxx.gif，然后打开header编辑，在<head> ... </head>语句中间查找如下的HTML标签
复制内容到剪贴板
代码:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />替换为：
复制内容到剪贴板
代码:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="xxx.gif" type="image/gif" >保存上传，即可。大功也就告成。
查看详尽网站版原帖或提问请到http://lostindream.com/blog/article.asp?id=37
[
本帖最后由 iversolo 于 2007-5-15 13:07 编辑 ]
![[PJblog^2]技术支持论坛 - PJBLOG SUPPORT FORUM](images/phpwind/logo.gif){kind=logo}
