给网站添加悬浮动广告[WP教程]
首页>>技术教程>>正文
本篇文章更新于 2021-12-20 21:38:45
本篇文章更新于 2021-12-20
给网站添加悬浮动广告[WP教程]

文章引入

今天看到位大佬分享出来的教程 然后觉得非常实用比如我们的网站有一定流量基础了 在不影响任何美观的情况下还打广告赚到了钱 哈哈是件好事 然后我就把代码使用方法分享出来了 因为大佬也有备注 我在这也说下 因为图片是来源于千图网(58pic.com)所以如果需要商用请前往千图购买商用授权本教程仅供学习交流。

本文教程

首先来到根目录下找到 footer.php 文件( heade.php 都无所谓啦),如图:

然后把下面代码放到 footer.php文件里面

<div class="showpc"><style>.showpc{display:none;}@media (min-width:960px){.showpc{display:inline;}}</style><div id="wpon_svip_gif" class="wpon_svip_gif" style="display: block;">
<div class="kubao" style="display: none;"></div><p><a class="link animated" href="/vip" data-stat="升级SVIP活动特价" target="_blank" style="border: none; box-shadow: none;"><br><img src="https://tk.sdklib.com/2021/12/20/9b40f9dc81e5d.gif" height="200" width="600"><br></a></p></div></div>

然后将以下CSS代码添加至 后台 => 自定义代码 => 自定义CSS样式里

#wpon_svip_gif {
        display: none;
        width: 200px;
        height: 61px;
        border-radius: 0 0 13px 13px;
        z-index: 1002;
        right: 30px;
        top: 100px;
        position: fixed;
    }

GIF样式

给网站添加悬浮动广告[WP教程]

历史上的今天

很遗憾~,历史上的今天未发表过文章
技术教程

使用SQL语句批量修改替换文章内容的方法[WP教程]

2021-12-20 21:34:51

技术教程

自定义QQ小卡片头像[网站知识]

2021-12-20 21:42:05

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员或给邮箱发送邮件zhouqiuqiu123@foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

敏而好学,不耻下问。——孔子