今天在黑苹果博客的留言本里有人问怎样让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
转载于:https://blog.51cto.com/heipingguoboke/1144172
本文介绍如何在ZBlog中实现友情链接双栏显示的方法,适用于右侧栏较窄或友链较多的情况,通过简单的代码调整即可美化页面布局。
232

被折叠的 条评论
为什么被折叠?



