微西风博客

当前位置:网站首页 / 互联网丨IT文摘 / 正文

网站广告被屏蔽怎么办?我也不知道怎么办?不过可换成图片展示

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

实现原理:

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

效果图对比:

1.jpg

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

<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;}

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

申明:本文转载自:boke112导航,原文链接http://boke112.com/2249.html,尊重原创转载请注明文章出处!

推荐阅读

文章标签: IT段子 建站技巧

版权声明: 本文除特别说明外均由原创

本文链接: http://www.weixifeng.com/post/267.html,尊重共享,欢迎转载,请自觉添加本文链接,谢谢!

分享本文:

Hello!看完文章有何感想呢?
  • 无聊

    0

  • 流汗

    0

  • 嘿嘿

    0

  • 支持

    0

  • 疑问

    0

已有8位网友发表了看法:

头像
1L李明  2015-12-11 17:41:37 回复Ta
我的谷歌广告经常被屏蔽,这方法真好,更利于用户体验。
头像
2Lboke112导航  2015-12-11 16:21:36 回复Ta
我都还没有折腾这个的,有空我再添加这个广告背景图
头像
2L649533269  2015-12-11 16:26:47 回复Ta
@boke112导航 没用的说实话,100个来访IP能有几个人点广告啊!就算展现收入,再算上屏蔽的,小站长指望玩网站赚钱太不现实了,跟卢松松一样搞点增值业务还差不多。
头像
3L明月登楼  2015-12-11 15:01:14 回复Ta
我试过了,对于屏蔽软件这个方法没有用呀!
头像
3L小周博客  2015-12-11 15:58:38 回复Ta
@明月登楼 有些有用,很鸡肋的文章,为了凑数转载的
头像
4Lrexyan  2015-12-11 10:11:14 回复Ta
哈哈,还是喜欢简洁的样子
头像
5L大学问社区  2015-12-10 22:49:24 回复Ta
好多网站都屏蔽广告
头像
5L649533269  2015-12-11 16:27:23 回复Ta
@大学问社区 IE11现在好像自带屏蔽功能,指望联盟广告赚钱还好笑了真的

发表评论*(使用右侧的多说进行评论,外链是无Nofollow的哦!)

必填

选填

选填

◎请勿使用“IE模式”或者“IE浏览器”进行二次回复。上一篇  返回首页  下一篇

Top