网址前添加icon图标

   在网之前添加icon图标可以使自己的网站更加漂亮,有个性。如下图所示:

icon实例   其实在网址前添加icon图标并不是很麻烦,只需要简单的几步,即可实现上面的美妙效果。文章源自堕落的鱼-https://www.duoluodeyu.com/348.html

   第一步:打开主题文件中的head文件或者在首页源文件,在<head>…</head>间合适位置加入以下代码:文章源自堕落的鱼-https://www.duoluodeyu.com/348.html

<link rel="Bookmark"   href="favicon.ico"><!--收藏夹中的图标-->
<link rel="shortcut icon" href="favicon.ico" ><!--地址栏前面的图标-->
<link rel="icon" href="animated_favicon1.gif" type="image/gif" ><!--动态Icon图标,仅支持Firefox!—>
其中第三行是动态icon图标,仅支持 Firefox 浏览器,如果没有此项需求,可以去掉。

  第二步:将自己的图片文件生成icon文件,在线生成icon文件地址:http://free.logomaker.cn/tools/icoMaker.aspx文章源自堕落的鱼-https://www.duoluodeyu.com/348.html

  第三步:将刚生成的favicon.ico文件上传的网站根目录下,刷新,即可看到你自己的icon图标。文章源自堕落的鱼-https://www.duoluodeyu.com/348.html 文章源自堕落的鱼-https://www.duoluodeyu.com/348.html

 最后更新:2011-5-6
    • 我是神仙
      我是神仙 4

      如果暂时显示不出来,你可以清除浏览器所有缓存,或者等待一段时间即可出来

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    确定

    拖动滑块以完成验证