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

今天逛博客，看到好多博客都在友情鏈接前面添加了favicon圖標(biāo)，讓我好生羨慕。我這人就喜歡在鏈接前面加點(diǎn)小東西，不講原理，狗屁原理我也不懂的，直接上教程。

效果見首頁：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" ，請(qǐng)根據(jù)你的主題中的css樣式進(jìn)行修改，下面出現(xiàn)的“linkp”與此相同。

如果你對(duì)jQuery比我的水平還要低的話，那么你請(qǐng)認(rèn)真閱讀下面內(nèi)容：

1、把以上代碼儲(chǔ)存為“js”文件，如“mylinkspage.js”（新建一個(gè)文本文檔，把上面代碼復(fù)制保存，然后把文本文檔的后綴“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>

這個(gè)“jquery.min.js”jQuery文件包，是調(diào)用了google服務(wù)器上面，如果你網(wǎng)站服務(wù)器比google速度快且流量大，那么你可以下載放在你的網(wǎng)站服務(wù)器上，地址改成文件實(shí)際地址。

“mylinkspage.js”是存放jQuery代碼的文件，請(qǐng)根據(jù)實(shí)際地址填寫。

然后在鏈接管理--友情鏈接，將你的鏈接都放在<div class="linkp" > </div>里面
最后根據(jù)你的需要給你的鏈接添加CSS樣式。。這個(gè)根據(jù)你自己的情況而定。。

因?yàn)橛玫哪０宀灰粯觺~心諾老濕的模板友情鏈接是顯示在側(cè)欄的。。而鏈接放在一列里面總覺得不是那么順。。索性就改成兩列吧
方法：
將以下代碼添加到鏈接管理--友情鏈接里面

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

<tr>

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

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

</tr>

</table>

上面是最簡(jiǎn)單的代碼，你也可以自定義表格的寬度等等<table width="270" border="0" cellspacing="1" cellpadding="1">

<tr>

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

左側(cè)友鏈代碼

</td>

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

右側(cè)友鏈代碼

</td>

</tr>

</table>

好了，全部結(jié)束~~不是很麻煩吧 ~~

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)