wordpress友情链接如何双列显示代码添加

对于一个不懂代码,还做博客的人来说,每个小细节的修改都可以称为“折腾”。

近来大半年博客都没怎么更新,一方面是自己犯懒,另一方面是“黔驴技穷”。宋夏博客在初建的一段时间,根据自己折腾的经验经常更新wordpress的相关内容,也通过wordpress的相关长尾词不断带来流量,但没有折腾就没有发言权,蛮长时间都没有发过此类文章。

最近因为交换链接的事情,有几次不太愉快的经历。由于首页侧边栏友情链接的显示是单列的,仅仅20个左右的链接就把页面拉了很长,让我根本不太想交换首页链接。一直想把友情链接修改成双列显示,这样就能节省出位置继续添加一些高质量的友情链接。人一犯懒就会找各种借口,其实一动起来也就是分分钟的事。

闲话少说,正题来了。~~~~~~~~~~~~~~~~~~~~~

此非常简便之方法同样是在度娘上找到之后,实践可行。记录下来,便于以后自己换模版再做调整时也可以用到。通过添加几句CSS代码即可实现,效果就是友情链接双列显示。

在主题文件夹里style.css文件中添加如下代码:

.blogroll{
width:250px;
display:block;
/*记得清除浮动*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}
.blogroll li{
float:left;
width:120px;
display:block;
}

PS: 代码里面的width,大家可以根据自己博客侧边栏的尺寸进行相应的调整。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值