ZBlog博客底部友情链接添加favicon.ico小图标,感觉很很好看。如果不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,那么今天就教大家怎么自动获取并添加favicon.ico小图标。
首先我们从Github下载一个源代码,这个源代码是用PHP获取网站favicon的API,可用于美化网站外链显示效果。
此代码采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,挺方便的,下载源代码,放在网站根目录里。
下载地址:
GitHub 点击下载
本地下载[CommShow]GetFavicon-master.zip [/CommShow]
下来我们审查元素查看一下自己网站友情链接版块的id,李海博客友链版块的id为:links-home
然后将下面代码直接放在网站后台统计代码框中:
<script type="text/javascript"> $("#links-home li a").each(function(e){ $(this).prepend("<img src=https://www.lihaiblog.cn/GetFavicon-master/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '').replace( 'http://', '' )+">"); }); </script>
注意:
1、修改友链版块的id为自己网站友链版块的id。
2、将代码中的网址替换为自己网站的网址。
发表评论