Subscribe RSS
Comment RSS如何为你的博客设置地址栏图标
December 24, 2008 # 11:51 am # 博客建设 # No Comment
所谓地址栏图标就是当浏览你博客时在浏览器的地址栏的最前面出现的一个小小的图标，当然，前提是你要看完这篇文章并根据里面的方法来操作了。为你的博客弄地址栏图标不会为你的博客带来流量，但它却会让你的博客更加迷人。当你的博客有了独一无二的地址栏图标时，你的读者将很容易的从他们的收藏夹那里辨认出你的博客。下面的步骤将为你一步步地介绍如何为你的博客设置地址栏图标：
1) 指导概论
地址栏图标通常是一个大小为16 x 16的小图标，通常其文件的扩展名为 .ico 。你可以想象地址栏图标是多么的小，所以在设计该图标的时候你应该考虑用一个简单的图片或者字母。确保图标的颜色和你博客的主题颜色同位，这样你的读者在看见图标时就能想起你的博客了。
2) Photoshop 的使用 (如果你不使用Photoshop的话可以跳过这里)
Adobe Photoshop 可能是设计图标的最好工具。标准 Photoshop 软件是不可以处理.ico文件的，所以，你要做的第一步是下载一个Windows 图标 Photoshop 插件 （点击这里下载）。
安装好插件之后你就可以在你的Photoshop 软件那里新建一个64 x 64的图标，然后就可以开始设计了。当你设计好的之后，你还要重新定义图像的大小。 点击图像尺寸菜单，再点图像重采样。这个过程可以确保图像不会因为你修改尺寸而变形。最后把这个大小为16 x 16 的图像以“favicon.ico”为文件名保存。
3) 画图工具以及网络工具的使用
地址栏图标只是一个很简单的图标，所以使用系统的画图工具也足以设计一个很好看的图标。最简单的方法就是在糊涂工具新建一个32 x 32 大小的 JPEG 格式图像，然后利用“Favicon from Pics”来把该图像由JPEG 图像转换为favicon.ico 文件。
4) 上传favicon.ico文件
当你设计好你的favicon.ico文件之后，你就要把它上传到你的博客空间那里去。这时你要注意的是要把你的favicon.ico文件上传到空间的根目录。
5) 修改你博客主题的header文件
最后一步就是修改你主题的header文件，在header文件的 <head> 和 </head> 代码之间加上下面这句代码：
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
要注意的是你添加的代码必须要确保favicon.ico 文件在你空间的根目录它才会起作用。
6) 测试
现在一切都已经做好的，你可以打开你的浏览器并输入你的博客地址来看看你刚刚添加的地址栏图标是否已经显示了。将你的博客添加到收藏夹里面，然后看看里面的地址栏前是否有你刚刚添加的图标了。如果你成功了，那就恭喜你了。如果你还有什么问题，欢迎留言提问。
原文：How to create a favicon | 译文：如何为你的博客设置地址栏图标
本文属于“建设成功博客的四十个技巧”系列
Popularity: 1% [?]
This entry was posted by 
