这个方法比较直接,可以参考:
只需要将图标文件(favicon.ico)上传到网站所在的服务器的根目录下。(也就是主页index.html所在的文件夹)不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果希望为不同的页面设置不同的“收藏夹”图标,那就需要在该网页文件的HEAD部分加入下面的内容:
<link rel="shortcut icon"href="myicon.ico">
<link rel="icon" href="/boaer.com.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/boaer.com.ico" type="image/x-icon"/>
注意:该图标的路径一定要使用绝对路径。
第二种方法:在首页HTML文件中,加入link命令,<link>是放在<head>与</head>之间
例如下面这样:
<HEAD>
<link rel = "Shortcut Icon" href=/favicon.ico>
</HEAD>
其中的href="/favicon.icon是个例子,只要将他替换网址将favicon.ico替换成自己制作的ICO文件名即可,只要网友把网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,自行制作的图标就会显示出来。
小提示:如果不要Internet Explorer在收藏夹中出现这些网站自行制作的图标,在加入收藏夹之后,做清除History的 *** 作。然后再重新打开Internet Explorer浏览器之后,这些自行制作的图标就会消失,恢复成Internet Explorer默认的图标。
由于我姓“李”,博客的名字也叫木子李博客,所以我就设计成我现在的这个图标。图标也是有要求的,尺寸为16像素*16像素。在线制作图标的网站有很多,大同小异。第二步,图标制作好之后,就需要把图标文件名更改为favicon.ico。用FlashFXP工具上传到根目录下面。我的根目录是web,所以我就放在了web这个目录里。
第三步,登入wordpress后台,编辑header.php,在描述标签下面加入这一段代码,然后保存。当然网站链接得是你自己的。
第四步,这一步其实也算是多余的,但是我觉得还是有必要,因为我当时按照这样的方法做了一遍,仍然没有显示出ico图标。后来才发现,没有清除缓存。我换了一个浏览器就可以显示了。
按照上面四个步骤,你就可以轻轻松松的给自己的博客添加一个独一无二的图标。让更多的用户记住你的博客吧!
1)先制作一个ico图标,直接百度搜ico图标在线制作,一般是32*32或者48*48大小就够了,如下图所示;
2)打开页面代码,一般是在header.php文件里,找到<head>标签,在<head></head>标签中插入如下内容:
<link href="/favicon.ico" rel="shortcut icon">3)将更新好的代码传到服务器上替换之前的文件,将制作好的ico图标也传上去,传至网站根目录下;
4)更新服务器缓存,刷新页面,ico图标就显示了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)