實現zblog博客友情鏈接雙欄展示的技巧

 今天在黑蘋果博客的留言本里有人問怎樣讓zblog博客友情鏈接兩欄(兩列)顯示,對於有的主題右邊欄比較窄或者友情連接比較多的情況下如果能讓友情連接顯示爲雙欄那樣就能美觀多了。

       其實要想實現並不難,需要相關代碼來實現,一般是通過修改css代碼來實現。但是這個方法很多新手或者對代碼不熟悉的人來說還是比較難的。

       這裏黑蘋果有一個比較簡單的方法供大家參考,大家可以試試。

實現方法:

進入Zblog後臺,點擊側欄管理,選擇友情鏈接模塊

加入如下友情鏈接雙欄顯示代碼

<table width="240" border="0" cellspacing="1" cellpadding="1">
<tr>
<td align="left" width="120" "valign="top">
<li><a href="http://www.zhangchenghui.com/" target="_blank">站長博客</a></li>

這裏加博客鏈接代碼(左側)
</td><td align="left" width="120" "valign="top">
<li><a href="http://www.zhangchenghui.com/" target="_blank">黑蘋果博客</a></li>

這裏加博客鏈接代碼(右側)

</td>
</tr>
</table>

“240”定義了寬度屬性,而左右側友情鏈接代碼你可以直接使用你的友情連接代碼,保存即可看到兩列友情鏈接的樣式。

上面“120”是左右兩側的具體寬度可以自由修改。

我的黑蘋果博客使用的是盧鬆鬆的“低調與華麗”風格(盧鬆鬆博客模板下載),定義的總體寬度是240最大可以270

爲了美觀,最好把左右兩側的友情連接數量設置爲一樣多。否則會不對稱哦

文章黑蘋果博客原創,轉載請註明本文地址:http://www.zhangchenghui.com/apple/1764.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章