本年一年多前動過一次代碼,后來因一時疏忽,自動升級插件,沒備份,就升回原樣了。這次再折騰一回,以備忘之用。
目的: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 博客導航條設置問題