网站广告被屏蔽,显示的提示图片!

流年
流年
管理员
320
文章
407.8千
浏览
31,1642字数 299阅读0分59秒

逛了很多网站都有网站广告被屏蔽就显示一张图片,研究了下,其实也很简单。下面就将方法写出来!

原理:

给广告添加一个background,当前面的广告被屏蔽了之后,背景图片就显示出来了。是不是很简单?说到这里很多童鞋已经会了。也不知道我的方法对不对,反正目的是达到了。。

我首页有一个广告大家可以测试一下!http://lnaa.top/

对比图:

网站广告被屏蔽,显示的提示图片!

 

常见的广告代码基本都是这样的:

  1. <script type="text/javascript">
  2.     /*首页侧栏*/
  3.     var cpro_id = "u2409274";
  4. </script>
  5. <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

我们在前面加一个DIV,然后再DIV上面加一个样式:

  1. <div class="adpb">
  2. <script type="text/javascript">
  3.     /*首页侧栏*/
  4.     var cpro_id = "u2409274";
  5. </script>
  6. <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script></div>

然后写上css:

  1. .adpb{background:#ffffff url(/wp-content/themes/begin/img/ad/295250.jpg) no-repeat;height:250px;width:295px;}

然后就大功告成了,图片地址改成自己的网站图片。自己做一张图片。

就是这么简单 。

博客最后更新:2015-11-22
流年
  • 本文由 流年 发表于2015年11月21日 08:33:09
  • 除非特殊声明,本站文章均为原创,需要转载,请留言说明!
评论  3  访客  2  作者  1
    • boke112导航
      boke112导航 4

      确实不错,原来这么简单,学习了

        • 流年
          流年

          @ boke112导航 是啊,这样比较好一点。不至于广告被屏蔽了,显示个框框在哪里。 :smile:

        • 极客自留地
          极客自留地 3

          我们这样评论你有邮件提醒吗?

        匿名

        发表评论

        匿名网友
        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
        确定

        拖动滑块以完成验证