当前位置:网站首页 / 建站 / 正文

让zblog博客友情链接两栏(两列)显示

时间:2024年01月19日 | 作者 : liuhui | 分类 : 建站 | 浏览: 3597次 | 评论 0

阿里云限量代金券 | 此广告位出租25元/月

今天在博士在搜索怎样让zblog博客友情链接两栏(两列)显示,对于有的主题右边栏比较窄或者友情连接比较多的情况下如果能让友情连接显示为双栏那样就能美观多了。

其实要想实现并不难,需要相关代码来实现,一般是通过修改ass代码来实现。但是这个方法很多新手或者对代码不熟悉的人来说还是比较难的。

这里博士有一个比较简单的方法供大家参考,大家可以试试。实现方法:

进入Zblog后台,点击侧栏管理,选择友情链接模块。

加入如下友情链接双栏显示代码:

<table width="100%" border="0" cellspacing="1" cellpadding="1" style="max-width: 300px;">
  <tr>
    <td align="left" width="50%" valign="top">
      <li><a href="https://diannaobos.com/" target="_blank">电脑博士</a></li>


    </td>
    <td align="left" width="50%" valign="top">
      <li><a href="https://23vps.com/" target="_blank">主机测评网</a></li>


    </td>
  </tr>
  <tr>
    <td align="left" width="50%" valign="top">
      <li><a href="https://hddsd.com/" target="_blank">好东东商店</a></li>


    </td>
    <!-- 如果需要,为其他链接添加更多<td>元素 -->
  </tr>
</table>

以上是三个友情链接的示例,下面再举个更多友情链接的示例

<table width="100%" border="0" cellspacing="1" cellpadding="1" style="max-width: 300px;">
  <tr>
    <td align="left" width="50%" valign="top">
      <li><a href="https://diannaobos.com/" target="_blank">电脑博士</a></li>
    </td>
    <td align="left" width="50%" valign="top">
      <li><a href="https://23vps.com/" target="_blank">主机测评网</a></li>
    </td>
  </tr>
  <tr>
    <td align="left" width="50%" valign="top">
      <li><a href="https://hddsd.com/" target="_blank">好东东商店</a></li>
    <td align="left" width="50%" valign="top">
      <li><a href="https://www.6tor.com/" target="_blank">筑砼匠</a></li>
    </td>
  </tr>
    <tr>
       <td align="left" width="50%" valign="top">
          <li><a href="https://www.bubaijun.com/" target="_blank">不败君</a></li>
       <td align="left" width="50%" valign="top">
          <li><a href="http://www.58zn.cn/" target="_blank">魅力linux</a></li>
    </td>
    <!-- 如果需要,为其他链接添加更多<td>元素 -->
  </tr>
</table>

"300"定义了宽度属性,博士定义的总体宽度是300,具体宽度可以自由修改但不要超过博客模板的宽度

推荐您阅读更多有关于“zblog,”的文章

猜你喜欢

网站分类
关注电脑博士
友情链接

分享:

支付宝

微信