美化 Z-Blog 友情链接 调用Favicon图标
作者:xlnxin发布时间:2021-04-15分类:Zblog教程浏览:392
导读:前面介绍了《Typecho友情链接获取Favicon图标》,在教程里面也说过JS这玩意现在基本是通用的,所以在Typecho可以使用JS实现的东西,在Z-Blog博客也...
前面介绍了《Typecho 友情链接获取Favicon图标》,在教程里面也说过JS这玩意现在基本是通用的,所以在Typecho可以使用JS实现的东西,在Z-Blog博客也是可以实现,只是由于Z-Blog的主题模板构造有点点不同,要给多个模板添加代码,考虑到新手可能会有点困难,所以在此特别介绍下。
Z-Blog 博客友情链接调用Favicon图标的方法:
- 由于Z-Blog 博客的顶部并没有像WordPress或Typecho一样,用header.php文件实现,而是与index、sidebar、footer连在一起,所以要在default.html、single.htm、catalog.html、tags.html、gestbook.html、search.html模板中的<head>和</head>之间添加加载jQuery库的JS代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
- 然后再在default.html、single.htm、catalog.html、tags.html、gestbook.html、search.html模板中的jQuery库JS代码之后添加以下代码:
<script type="text/javascript"> ///友情链接图标favicon jQuery(document).ready(function($){ $(".blogroll a").each(function(e){ $(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+" style=float:left;padding:5px;>"); }); }); </script>
- 保存文件后,重建文件,刷新首页即可。
提示:如果只有首页显示友情链接,除了default.html文件外,其它文件不用添加相关JS代码。
相关推荐
- 微信小程序function函数arguments 是什么意思呢?
- 小程序和H5中canvas卡顿的性能优化方向和实践
- 微信小程序反编译报SyntaxError: Unexpected token ‘}‘ 不完美的解决方法
- 解决小程序反编译出现 app-service.js
- PHP把textarea中的回车换行替换为br
- zblogphp使用GetArticleList、GetList函数调用热门文章列表
- expose_php = On/Off,是干什么的?底层原理是什么?
- 国产安可立思辰打印机手动双面打印设置教程
- 淘宝给大家发6.5元新年购物红包啦,不要嫌少还有很多优惠,快来领取吧!
- 快手极速版给大家发56元新年红包啦,快来领取吧!
- Zblog教程排行
- 最近发表