标签归档:favicon

制作自己的博客地址栏图标

每个网站都有自己的地址栏图标(术语叫favicon),例如blogbus的一个公交站牌旁边的两个人(一直以为是三颗树,呵呵)

把你的博客也制作一个个性的地址栏图标是不是很cool呢?下面几个简单的步骤就可以实现:

1.先挑选一张自己喜欢的图片,或自己制作(PS高手当然自己做最好了),格式不定,jpg,gif等都可以。但图片最好是正方形,这样会更好看些。

2.有网站提供免费在线转换,即转换为通用的ico后缀名,并调整到适合大小。

在线免费favicon制作网站:

http://www.html-kit.com/e/favicon.cgi

http://www.chami.com/html-kit/services/favicon/

虽然是英文单很简单,混过初中的都会。

3.将上面网站制作好的文件保存到电脑上,并上传至blogbus的文件夹里(最好上传32*32大小的),记住改文件的html地址。

4.打开模板设置,自定义模板,编辑head文件,在之间插入如下代码:

《link rel=”icon” href=”http://chincir.blogbus.com/files/1164956714.ico” type=”image/x-icon” /》
《link rel=”shortcut icon” href=”http://chincir.blogbus.com/files/1164956714.ico” type=”image/x-icon” /》

代码中的html地址改为自己ico文件的地址。注意上面代码中的《和》改为<和>

5.发布重建需要过一后才能看到效果。

可以参见我的blog效果

http://chincir.blogbus.com/files/1164959545.jpg