Z-blog友情链接添加favicon.ico和侧栏链接两列显示

概述今天逛博客，看到好多博客都在友情链接前面添加了favicon图标，让我好生羡慕。我这人就喜欢在链接前面加点小东西，不讲原理，狗屁原理我也不懂的，直接上教程。效果见首页：http://www.52lpp.cnjQuery(document).ready(function($){ $(".linkp a").each(function(e){ $(this).prepend(&…

今天逛博客，看到好多博客都在友情链接前面添加了favicon图标，让我好生羡慕。我这人就喜欢在链接前面加点小东西，不讲原理，狗屁原理我也不懂的，直接上教程。

效果见首页：http://www.52lpp.cn

jquery(document).ready(function($){

$(".linkp 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;/>");

});

});

PS：其中的“.linkp”是CSS样式div class="linkp" ，请根据你的主题中的CSS样式进行修改，下面出现的“linkp”与此相同。

如果你对jquery比我的水平还要低的话，那么你请认真阅读下面内容：

1、把以上代码储存为“Js”文件，如“mylinkspage.Js”（新建一个文本文档，把上面代码复制保存，然后把文本文档的后缀“txt”改为“Js”就可以了）；
2、在你正在使用的主题的<header></head>之间添加如下代码：

<script type="text/JavaScript" src="http://AJAX.GoogleAPIs.com/AJAX/libs/jquery/1.2.6/jquery.min.Js"></script>

<script type="text/JavaScript" src="http://www.xxx.com/Js/mylinkspage.Js"></script>

这个“jquery.min.Js”jquery文件包，是调用了Google服务器上面，如果你网站服务器比Google速度快且流量大，那么你可以下载放在你的网站服务器上，地址改成文件实际地址。

“mylinkspage.Js”是存放jquery代码的文件，请根据实际地址填写。

然后在链接管理--友情链接，将你的链接都放在<div class="linkp" > </div>里面
最后根据你的需要给你的链接添加CSS样式。。这个根据你自己的情况而定。。

因为用的模板不一样~~心诺老湿的模板友情链接是显示在侧栏的。。而链接放在一列里面总觉得不是那么顺。。索性就改成两列吧
方法：
将以下代码添加到链接管理--友情链接里面

<table border="1" cellspacing="0" cellpadding="0">

<tr>

<td>第一列链接</td>

<td>第二列链接</td>

</tr>

</table>

上面是最简单的代码，你也可以自定义表格的宽度等等<table wIDth="270" border="0" cellspacing="1" cellpadding="1">

<tr>

<td align="left" wIDth="135" valign="top">

左侧友链代码

</td>

<td align="left" wIDth="135" valign="top">

右侧友链代码

</td>

</tr>

</table>

好了，全部结束~~不是很麻烦吧 ~~

总结

以上是内存溢出为你收集整理的Z-blog友情链接添加favicon.ico和侧栏链接两列显示全部内容，希望文章能够帮你解决Z-blog友情链接添加favicon.ico和侧栏链接两列显示所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。