现在很多站长都是自掏腰包来维持网站的运行，就算是用虚拟主机搭建一年下来加上域名也是一笔不小的费用，所以为了减少网站的开支大部分站长都是选择挂各种联盟的广告，有百度、谷歌、搜狗、京东、阿里妈妈淘宝客等等。
但是如今的大部分人的浏览器都会安装屏蔽广告插件比如：ADblock，作为站长之间互访相互点击点击广告支持下博客的发展也是一件开心的事。博主从boke112看到这个方法这里分享给大家，下面开始教程：
实现原理：
给广告添加一个图片的background，当前面的广告被屏蔽之后，背景图片就显示出来。是不是很简单？说到这里很多童鞋已经会了。也不知道我的方法对不对，反正目的是达到了。。
效果图对比：
常见的广告代码基本都是这样的：
- <script type=“text/javascript”>
- /*首页侧栏*/
- var cpro_id = “u2409274”;
- </script>
- <script src=“http://cpro.baidustatic.com/cpro/ui/c.js” type=“text/javascript”></script>
所以，我们只需要给这个广告代码加一个DIV，然后给DIV加一个样式：
- <div class=“adpb”>
- <script type=“text/javascript”>
- /*首页侧栏*/
- var cpro_id = “u2409274”;
- </script>
- <script src=“http://cpro.baidustatic.com/cpro/ui/c.js” type=“text/javascript”></script>
- </div>
使用时记得将上面广告代码换成自己的广告代码
接着在所使用主题的style.css文件中添加一下代码：
- .adpb{background:#ffffff url(/wp-content/themes/begin/img/ad/295250.jpg) no-repeat;height:250px;width:295px;}
这样，我们就实现了在网站广告被屏蔽后显示提示图片的功能了，是不是很简单的，大家赶紧试试吧。
去看你博客原创文章，作者：转载大师，如若转载，请注明出处：https://www.7kanni.cn/1296.html
评论列表（8条）
感谢大佬的分享
这个方法不够绝。
我见过那种你不关插件就别想看的网页。
@心灵博客：还有这种操作吗？
@心灵博客：强制F12 再按F1 禁用页面的JavaScript，请叫我雷锋
有才，这也可以
照样给你毙了，这不是终极办法！
@猫叔：:cool: :cool: 我网站没投放广告，不知道实际效果咋样 :lol:
@去看你博客：ADblock 有个功能可以单一屏蔽指定元素，这个问题不好解决。