您当前位置：首页 > web前端 > 网络优化 > 友情链接前自动显示网站Favicon 图标

友情链接前自动显示网站Favicon 图标

来源：程序员人生发布时间：2013-10-05 17:42:17 阅读次数：2286次

本年一年多前动过一次代码，后来因一时疏忽，自动升级插件，没备份，就升回原样了。这次再折腾一回，以备忘之用。

目的：RT
作用：美观、亲切
插件：基于Better Blogroll 插件的修改
思路：调用Google 的Favicon 图标缓存
函数：去除URL 的多余字符，仅保留域名
效果：参见右栏的“超文本传输协议”
Google 的Favicon 图标缓存得到的是16×16 的png，但是域名前面不能带有“ http:// ”等协议，末尾也不能带“/”，加不加www 没什么影响：

http://www.google.com/s2/favicons?domain=zfreet.com

共加了三个变量，原代码约在第100行左右：

$bbw_link_clean = clean_url(strip_tags($bbw_link_url));
$bbw_link_ex = explode("/",$bbw_link_clean);
$bbw_link_fav = "http://www.google.com/s2/favicons?domain=" . $bbw_link_ex[2];

$bbw_link_url 是原插件的URL变量，存放格式如：http://www.zfreet.com/
$bbw_link_clean 用来去除URL 中的“ http:// ”，相当于一个代换变量
$bbw_link_ex 去除URL 中的“/”，不过我加链接时一般会手动去掉
$bbw_link_fav 得到友链的Favicon 图片地址，代进后面的代码输出即可
style="background: url('.$bbw_link_fav.') no-repeat 0px 4px; line-height:22px;"

这次折腾的时候，还发现了一个jQuery 版本的方法，不用动插件代码，只需在<body>里加一段JS，会自动识别<a>里的链接，并插入带Favicon 地址的img 属性。

jQuery 方法的好处就是不用担心升级插件，不好处就是会出现意想不到的不兼容报错等情况，难得折腾；所以还没验证是否有效，核实后下次再分享。

出处：http://www.zfreet.com

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 z-blog 博客导航条设置问题

下一篇 php读取checkbox值几种方法

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点