程序员人生 网站导航

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

栏目:网络优化时间:2013-10-05 17:42:17

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

目的: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

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

最新技术推荐