当前位置:首页 » 我要建站 » 正文

网站制作教程系列:如何在博客中加入ico图标

760 人参与 | 发布:金榜台 | 分类: 我要建站 | 时间:2016年05月27日 21:44 | 评论 : 0人 | 点这评论
特别推荐】:搜狐资讯版随手堂来钱道

网站ico图标,想必站长们应该不会陌生了,就是地址栏前面的小图标,你收藏一个网站的时候也会显示这个小图标的,所以为自己的网站设置个性的ico图标也是非常有必要的。下图就是金榜台博客的ico图标以及它会显示的位置:

网站ico图标

那下面金榜台博客就给大家介绍一下如何制作和设置?大神可以直接飘过了!!

1、首先通过制图软件(美图秀秀也行)制作一个准备在网站上显示的图片或是直接到网上找张自己中意的图片也可以,格式没什么特别要求,常见的JPG,PNG都可以,不过必须是要正方形的哦!

2、然后打开ICO在线制作网站,上传准备好的图片,把他形成ICO格式的图片即可。

3、最后把生成的ICO格式的图片重命名为:favicon.ico 上传到网站根目录下即可。记得是根目录、根目录、根目录,重要的事说三遍。

4、在网站首页的源文件<head> </head>之间插入下面的代码:

<head> 
<link rel="icon" href="../favicon.ico" type="image/x-icon" /> 
或者 
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" /> 
</head>

5、动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上: <link rel="icon" href="favicon.gif" type="image/gif" >

搞定这些以后,刷新一下你的网站就出现你的网站ico图标了,不过有些浏览器由于缓冲的原因,一下显示不出来,你最好换个浏览器刷新一下试试,基本上是就没什么问题的了!!

版权:【金榜台博客】,转载请保留链接:http://www.jbtai.com/post/156.html

温馨提示:大家都是文明人,参考借鉴内容即可,请勿直接抄袭复制粘贴!你懂的!

阅读更多:网站制作教程系列  

1.本站微信/QQ号:2011548691,E-mail:2011548691@qq.com

2.欢迎收藏本站,金榜台博客竭诚为广大网友提供真实可靠的网赚项目!

3.百度一下“金榜台博客”即可找到我们,请记住我们,找不到我们时百度一下:金榜台博客

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

百度一下“金榜台博客”即可找到我们:

热门项目推荐

热门文章

猜你可能喜欢

给我留言 | 网赚博客大全 | 侵权声明 | 关于博主 | 网站地图 |

金榜台博客(www.jbtai.com)copyright © 2016-2019 浙ICP备16012766号-1