wordpress友情链接如何双列显示

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

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

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

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

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

  .blogroll{

  width:230px;

  display:block;

  /*记得清除浮动*/

  overflow:auto;

  /*兼容IE6*/

  zoom:1;

  }

  .blogroll li{

  float:left;

  width:110px;

  display:block;

  }

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

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

《WordPress带头像的友情链接页面制作教程》简介: WordPress带头像的友情链接页面制作教程效果如下: