教你制作IE搜索栏图标

March 19th, 2008, 9:17 pm| Posted in wordpress, 博客建设

定制你自己的IE搜索栏图标，也称收藏夹图标.我叫它ICO图标，为什么呢？最主要的是要一个favicon.ico 的图标。如果您使用的Firefor游览器等等，那么当您将某些网站（如：Google、Yahoo 等等）加入到“收藏夹”后，您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢？这就是“收藏夹图标”（Favorites Icon）。如本站的有意思吧，而且醒目。您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

第一步，准备一个图标制作软件，首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件，您也可以访问官方 http://www.favicon.com 那里还有一些图片素材的，国内的http://www.bitbug.net/。进入了吧，看下吧，这个应该很简单，也有介绍不用多少了。

第二步，当你加入图片后，生成一个favicon.ico图像后,浏览器会自动弹出一个zip的压缩文件，然后解压，将压缩文件中的favicon.ico图像PTF上传放在根目下/public_html/，然后在wordpress后台添加代码，找到页眉* hearder.php修改。

插入代码:
<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” />

查看本站代码,红色部分。

<!–we need this for plugins–>
<?php wp_head(); ?>
<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” />
</head>
<body>
<div id=”header”>
<div class=”title”><a href=”<?php echo get_settings(‘home’); ?>” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></a></div>

然后清除下清空你浏览器的 cache好了，就这样了。你查看下吧！有了吧! ^·^
PS：这样还不行，那你下载个火狐的试试，肯定能显示了。再告诉你个小秘密，如果你比较懒，那么你直接找个差不多的图片，不它重命名，把 jpf，mbp 改为 favicon.ico .这样做可能图标不是很完美。

Update：2009/6/8号，因前几天主机搬家，造成ICON忘了转移而丢失，今天再次重新制作。