网站创收广告位是必不可少的，今天分享一个在文章中添加广告位，可以点击直达开通会员页面，鼠标放到横幅上可以显示右上角联系我们，感觉还是比较实用的一个广告横幅代码。

WordPress子比主题文章添加创意横幅图片广告位 第5张插图

HTML代码

<div class="n_banner_inner">
  <div class="img-info">!
    <div class="info">也想出现在这里？
      <a rel="nofollow noopener noreferrer" href="https://www.zxki.cn" target="_blank">联系我们</a>吧</div>
  </div>
  <a href="https://www.zxki.cn" target="_blank" rel="noopener noreferrer">
    <div class="Banner-adTag">广告</div>
    <img class="tirr" src="https://cdn.zxki.cn/tc/2024/04/14/661b3040039b2.png" alt="创意横幅图片广告位">
  </a>
</div>

CSS代码

使用教程：

部署：子比后台 >> 自定义 >> 顶部全区块 >> 自定义HTML，CSS代码放到自定义CSS即可