蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 网站设计 > EMLOG修改自动在每个友情链接前面加上favicon图标

EMLOG修改自动在每个友情链接前面加上favicon图标

蓝叶    网站设计    2010-12-12    18335    16评论    已收录

此方法是针对EMLOG程序的,其它程序也可以用此代码,只是修改方法有些不通而已。

废话不说,先看演示图片吧,或者看本站首页右下角的友情链接板块。

自动为每个友情链接加上favicon图标

代码如下:

<script type="text/javascript" src="http://china-dthis.googlecode.com/svn/trunk/addthis.js" charset="UTF-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"><!--
jQuery(document).ready(function($){
//友情链接自动添加fav图标
$("#link li 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;margin-right:5px;>");
});
});
//--></script>

使用方法很简单,把上面的代码复制到当前模板文件夹下的footer.php文件里,代码放在</body>前

就行了,这里注意$("#link li a") 这里面是链接列表的CSS样式,一定要看看你当前模板的CSS样式,

然后做相应的修改,默认的是#link li 添加好后,保存上传文件至你的空间,刷新看下效果吧。

其它博客或网站系统添加方法大同小异,修改好$("#link li a")这里的样式表就可以了。

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

扫码赞助蓝叶
联系站长
蓝叶博客
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
小影
小影2011-09-20 00:57回复
#13
学习修改中
小影
小影2011-09-20 00:56回复
#12
不错,学习ING。。。最近正想弄个EMLOG。。正在学习修改中
Supra Shoes
Supra Shoes2011-02-14 16:49回复
#11
支持一下,谢谢分享。
蓝叶
蓝叶2011-02-14 17:51回复
@SupraShoes:朋友欢迎您的来访。
Reishi
Reishi2011-01-28 15:12回复
#10
谢谢,有用的信息!
Nike Air Jordan
Nike Air Jordan2011-01-24 16:33回复
#9
中国的互网络,继续努力。
Air Jordan Shoes
Air Jordan Shoes2011-01-13 14:59回复
#8
很有兴趣,希望能够继续学习,天天向上,努力生活.
Nike Air Max
Nike Air Max2010-12-27 14:40回复
#7
自信能克服困难者,便能之。
Nike Air Max
Nike Air Max2010-12-25 14:28回复
#6
努力学习,认真生活
美白面膜
美白面膜2010-12-22 22:09回复
#5
果然是高手。
小松
小松2010-12-20 12:54回复
#4
高亮不是可以用的吗?
快捷导航返回顶部
你问我答
技术QQ群
音乐QQ群
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部