首页 > wordpress > wordpress友情链接如何双列显示
2011
09-24

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,大家可以根据自己博客侧边栏的尺寸进行相应的调整。

最后编辑:
作者:宋夏 Susie

  1. 对于一个不懂代码,还做博客的人来说,每个小细节的修改都可以称为“折腾”。这句话说到我的心里去啦! :titter: