因为Blogger高度的可自定义性，所以要制作自己的favicon变得非常简单。
- 首先，你要有一张16x16的ico图标文件，GIF动画也行，Favicon甚至可以是动态的。自绘当然最好，如果技术不够，网络上也有无数现成的资源可供使用（并不一定要找.ico的，任何图片文件都可以，因为下面可以方便的转换），比如昨天说的famfamfam。
- 然后通过“FavIcon from Pics”这个网站，将你准备的图片在线的转换为.ico文件。
- 接着，找一个网络空间（googlepages就不错，当然有被盾风险），将转换好的.ico文件上传，（注意，一般的图片分享网站并不支持上传.ico的文件格式。）并获得连接。（比如我的就是http://ppeddy.googlepages.com/naodiweb.ico）
- 接下来，在Blogger的设置中“修改html”，在head区中插入如下三行代码，就可以让你的网站显示自定义的Favicon，并且添加到收藏夹中，也会有独特的图标。(updates020507:感谢wk的提醒，没错，在Blogger中修改代码必须严格遵循书写规则，所以每句link的结尾都必须加上</link>，下列代码已经更新。)
<link rel="Bookmark" href="http://ppeddy.googlepages.com/naodiweb.ico"></link>
<link rel="shortcut icon" href="http://ppeddy.googlepages.com/naodiweb.ico" type="image/x-icon"></link>
<link rel="icon" href="http://ppeddy.googlepages.com/naodiweb.ico" type="image/x-icon"></link>
8 Comments:
我始终觉得 这种乱七八糟七八乱糟的代码 不是我看得懂的
嘿嘿，你的博客不错嘛！
测试一下
插件把你的留言挡了，真的很对不起
你好，连接已经添加上。
在blogspot里做favicon要在每一行<link>后加上</link>，不然会有error message。
例子：
<link rel="icon" href="http://ppeddy.googlepages.com/naodiweb.ico" type="image/x-icon"></link>
:-)恩。。感谢提醒，已经修正。
3 - 有点不懂， 不明白！
Post a Comment