Z-blog友情鏈接添加favicon.ico和側欄鏈接兩列顯示

今天逛博客，看到好多博客都在友情鏈接前面添加了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>

好了，全部結束~~不是很麻煩吧 ~~

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈