腾讯云服务器优惠活动华纳云香港服务器

网站广告被屏蔽怎么办?可显示提示图片

最近逛了很多网站,发现它们在网站广告被屏蔽时都会显示一张温馨提示的图片。经研究,发现想要实现网站广告被屏蔽后显示提示图片还是挺简单的。今天就特意跟大家分享一下。

实现原理:

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

效果图对比:

网站广告被屏蔽怎么办?可显示提示图片-第1张-boke112百科(boke112.com)

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

  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>
  7. </div>

接着在所使用主题的style.css文件中添加一下代码:

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

这样,我们就实现了在网站广告被屏蔽后显示提示图片的功能了,是不是很简单的,大家赶紧试试吧。建议大家把图片地址和图片改为自己的,不要用一样的图片,这样比较有特色。

赞 (0) 打赏
版权声明:本文为转载文章,来源于 流年博客 ,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
香港云主机55元/年
wu