网站广告被屏蔽显示一张图实现方法

现在很多站长都在用 wordpress 建站，就拿万网的虚拟主机来说，每年的主机费用也是两百多，再加上域名的几十块钱，一年至少也得三百多来维持一个博客，所以就想到了各种途径捞点本钱，大部分的选择都是挂各种联盟的广告，有百度、谷歌、搜狗、京东、阿里妈妈淘宝客等等，在这个广告漫天飞的年代，很多人选择了屏蔽广告的浏览器插件，最注明的就是 ADblock,这个在 360 浏览器和火狐浏览器组件中都有的下载，可是对于经常互访的来说，偶尔互相支持也是必要的，所以为了网站的持久发展，很有必要提醒那些用惯了广告屏蔽插件的童鞋要特殊照顾下像陌小雨一样的穷屌丝，支持支持博客的发展。

废话了这么多，今天分享给大家的是如何在 wordpress 网站上实现当广告被屏蔽后显示一张图提醒不要屏蔽广告，就像很多大型网站如优酷、土豆那样，方法也蛮简单的，通过div+css就可以很简单的实现：

我们先看一串代码：

此处内容已经被作者无情的隐藏，请输入验证码查看内容

验证码：

请关注“mxyblog”微信公众号，回复关键字“9999”，获取验证码。【友情提醒】用微信扫描右侧二维码即可关注哦！