如何给html(wordpress)页脚添加一个广告位代码

首先我们将以下代码放大到主题目录下的footer.php文件下:


<!---html页脚悬浮广告--->
<div id="ycxfxxk" style="display: block;max-width: 392px;width: 392px;height: auto;z-index: 1000;border: 5px solid #c000ff;right: 15px;position: fixed;bottom: 30px;background: #fff;">
<div>
<img src="xxxx.png" alt="Download" width="110" height="110" style="float: left;position: absolute;left: -60px;top: -12px;border-radius: 50%;border: 5px solid #c000ff;background: #fff;" scale="0">
<div style="max-width: 319px;float: right;margin-top: 5px;font-size: 14px;">【阿里云感恩回馈,云产品冰点价】云服务器 <strong style="color: #f00;">102元/年</strong>起,这里有专享低价和代金券 </div>
<div class="link" style="float: left;"><a href="URLxxxxxxxxx" rel="nofollow noopener" target="_blank" rel="nofollow noopener"><span style="color: #f00;">【立刻前往了解】</span></a></div>
</div>
<div style="position: absolute;top: -15px;right: -14px;text-align: center;width: 24px;line-height: 16px;background: #fff;color: #c000ff;border: 3px solid #c000ff;border-radius: 50%;font-size: 15px; cursor: pointer; padding-bottom: 2px;"><a title="关闭" onclick="this.style.display='none';document.getElementById('ycxfxxk').style.display='none'" href="javascript:void(0)">x</a></div>
</div>

里面的图片及文字需要自己更改,如果你想给html页脚添加一个同样的广告位的话,也是页脚添加以上代码。

©️李联华的博客网 当前IP地址:18.224.68.104,归属地:俄亥俄州Dublin ,欢迎您的访问!

温馨提示 : 非特殊注明,否则均为李联华的博客原创文章,本站文章未经授权禁止任何形式转载
文章链接:https://www.ooize.com/how-to-add-an-ad-space-code-to-html-wordpress-footer.html
订阅
提醒
guest
0 评论
内联反馈
查看所有评论
Loading...