极光资源网:整合微商/抖音/淘宝开店运营教程,创业项目,AI工具与办公工具资源,助力高效选品运营。

ZBlog友情链接前面自动添加favicon.ico小图标

发布人员:曦阳SEO 所属分类:建站教程 浏览量:4 原创

ZBlog博客底部友情链接添加favicon.ico小图标,感觉很很好看。如果不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,那么今天就教大家怎么自动获取并添加favicon.ico小图标。

ZBlog友情链接前面自动添加favicon.ico小图标-第1张图片

首先我们从GitHub下载一个源代码,这个源代码是用php获取网站favicon的API,可用于美化网站外链显示效果。

此代码采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,挺方便的,下载源代码,放在网站根目录里。

下载地址:

GitHub 点击下载

本地下载[CommShow]ZBlog友情链接前面自动添加favicon.ico小图标-第2张图片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、将代码中的网址替换为自己网站的网址。

以上就是ZBlog友情链接前面自动添加favicon.ico小图标的全部内容了,希望能够帮助到你,找建站教程记得来极光资源网!

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

同类推荐
小姐姐视频
  • 最新文章

  • 热评文章

  • 热门文章

标签列表
日历
«    2025年8月    »
123
45678910
11121314151617
18192021222324
25262728293031
文章归档