再说我在站内的广告设计

因为想在站内再次添加一下Google的广告,但又不想简单地添加就了事。我在意在网站添加广告的效果。怎么说,一个是怕访客不喜欢;另一个是用心设计好的广告样式给浏览器的广告过滤后荡然全无,觉得可惜。今天在浏览leeiio同学的blog发现他提供访客隐藏广告的按钮,这个意思不错,所以我也以此为基础改动一下。

简单地在现在主题的侧栏添加一个广告的DIV<div id="ad23460">,然后再添加一个<span class="closead">的样式作为按钮,就是你们看到的那一个“X”了,如果你不喜欢的话就点一下它,广告就消失了;当然我没有做成leeiio一样的历史记录,因为我还是想广告出现的机会多一点,效果如下图:

090407 1 再说我在站内的广告设计

隐藏广告的还是使用JQuery,代码很简单:

$(".closead").click(function(){
$("#ad23460").slideUp(500);
});

当然你还需要为按钮选一个图片,我在这里就不说了。如果你喜欢本站所使用的小图标,你可以到【这里】下载的。

再说的就是我不喜欢给浏览器过滤我的广告,所以我把广告用的DIV添加一个背景。在广告没有被过滤的情况下那背景是被遮挡的;但当你过滤我的广告(*_*)后,你会看到象下面的:

090407 2 再说我在站内的广告设计

怎样?广告后还是广告,哈哈。我喜欢这样,嗯。补充的是,如果你想控制一下广告的位置,可以再看看【这篇文章】的。

分类:theme skill, WordPress;标签:, , , ;收藏本文的永久链接

34 Responses to “再说我在站内的广告设计”

  1. Zoll 回复此留言 2009/04/07 00:53 #comment-5658

    囧。。只能坐板凳了。。你也更新得太没有规律了。。
    恩 看文章去~

  2. Zoll 回复此留言 2009/04/07 00:55 #comment-5660

    你太恶劣了。。竟然还防过滤。。
    看我多好,一个广告都不放~AdSense都没有申请呢~

  3. Chada 回复此留言 2009/04/07 01:01 #comment-5661

    挺不错的效果呢。

  4. Chada 回复此留言 2009/04/07 01:04 #comment-5662

    哇,您这里启用了Avatar缓存,我的头像还是小海豚。

  5. Rui 回复此留言 2009/04/07 00:50 #comment-5656

    沙发啊~别和我抢~~

  6. Rui 回复此留言 2009/04/07 00:53 #comment-5657

    受用的方法,等我申请到GG Ad可以拿来一用,谢谢赐教:)

  7. Jinwen 回复此留言 2009/04/07 00:55 #comment-5659

    @Zoll 突然想到就写下来了,我去睡觉啦~ 呵呵。

  8. welee 回复此留言 2009/04/07 08:03 #comment-5671

    Leeiio 的这个设计思维很的不错,其实不一定要用在广告上,我想用在其他方面应该也适合。

  9. Sivan 回复此留言 2009/04/07 02:08 #comment-5664

    唔……用了AdblockPlus,连文章里的图都过滤掉了=。=

  10. 99839 回复此留言 2009/04/07 03:13 #comment-5666

    很赞。。不过好像在ff浏览器下不能关闭呢。。。嘿嘿。。

  11. leehow 回复此留言 2009/04/07 03:34 #comment-5667

    万一眼神不好,不小心就点到广告了...

  12. 望月 回复此留言 2009/04/07 05:14 #comment-5669

    这样做会不会违反adsense规则。

  13. Leeiio 回复此留言 2009/04/07 06:47 #comment-5670

    @望月 应该没有违反吧,呃...

  14. Jinwen 回复此留言 2009/04/07 08:12 #comment-5672

    @Chada 好,为了你的头像我清理一次缓存吧,呵呵。
    @Sivan 你说的是在后台写文章时候的图片给ADblockplus过滤掉吧,我也发现呢,烦人的。
    @99839 不会啊,我就是在FF下用着的,能关闭它啊。
    @leehow 我还真有这样去想过,嘻嘻。
    @望月 这样应该没有违反它的规则。

  15. Sivan 回复此留言 2009/04/07 09:18 #comment-5673

    不是呀=。=你博客这篇文章里的贴图- -过滤掉了……

  16. Tina 回复此留言 2009/04/07 23:02 #comment-5688

    额额额 你都更新7篇啦... 开GR看的速度更不上你更新的频率了...
    没有牛皮藓的人..默默的看看有牛皮藓还隐藏起来玩的人...掉头离去...

  17. Jinwen 回复此留言 2009/04/07 17:13 #comment-5677

    @Sivan 还真是的呢。图片文件中含有要过滤的关键字,晕。

  18. aunsen 回复此留言 2009/04/07 17:56 #comment-5678

    很强大啊!

  19. Alan 回复此留言 2009/04/07 18:21 #comment-5680

    又来学习了!

  20. 奋飞 回复此留言 2009/04/08 01:47 #comment-5691

    来学习下,

  21. Jinwen 回复此留言 2009/04/07 23:13 #comment-5690

    @Tina 欢迎光临指导了啊。。。

  22. 爱月 回复此留言 2009/04/08 05:22 #comment-5692

    我喜欢~广告之后还是广告~哇哈哈~太佩服了~

  23. shamas 回复此留言 2009/04/08 10:47 #comment-5699

    主题改得是越来越精致了啊,强

  24. 喵小可 回复此留言 2009/04/09 14:17 #comment-5704

    你的这个评论功能做的不错

  25. zszmm 回复此留言 2009/04/09 21:24 #comment-5706

    改得是越来越精致了,支持!

  26. disinfeqt 回复此留言 2009/04/10 10:28 #comment-5723

    我已经不能形容这里的Ajax强大到什么地步了...
    赞啊赞~

  27. 深红色 回复此留言 2009/04/15 09:25 #comment-5854

    有心总是不错啊。不喜欢广告,但是喜欢你的认真。

  28. zEUS. 回复此留言 2009/04/23 10:12 #comment-6184

    谢谢,不过我尝试失败了。。。 点击 closed 这个层,#adad 并未关闭...
    我是这样写的

    内容

    内容

    在 header.php 的 js 调用内添加了

    $(".closead").click(function(){
    $("#adad").slideUp(500);
    });

    是不是样式也有要求呢?

    还请Jinwen麻烦看看,多谢了!

  29. zEUS. 回复此留言 2009/04/23 10:12 #comment-6185

    代码被过滤掉了 =。=

  30. Jinwen 回复此留言 2009/04/23 20:31 #comment-6199

    @zEUS. 代码没有问题啊。至于样式你可以查看一下我的。如果要说就是需要把关闭按钮放置于最顶层,比如加上一句:z-index:5;这样。因为怕按钮被广告层遮挡住,所以不起作用。

  31. Mac 回复此留言 2009/05/13 03:48 #comment-6959

    我个人认为toggle函数比slideup好一点。

  32. weeper 回复此留言 2010/07/02 15:43 #comment-14906

    :?: 我想点你的GGAD,但我找不到在那里…… :???:


The trackbacks and pingpacks: