WPINK主题添加评论框右侧广告位(WordPress)

时间: 2010-09-04 / 分类: 软件网络 / 浏览次数: 13,379 / 47个评论 发表评论

看到很多人的评论框右侧有个小小的广告位,于是禁不住手痒痒,我也放上一个。我不是喜欢折腾 WordPress 代码的人,所以当然要借鉴别人的经验了。

找到两篇文章涉及评论框右侧添加广告位:《wordpress无插件添加博客广告位五种方法》和《wordpress给评论框旁边放广告》。步骤总结起来就是在 comments.php 中添加广告位代码,在 style.css 中修改广告位样式。

对于 WPINK 主题,首先在 comments.php 中找到代码段“<textarea name="comment"……>”,在前面添加广告位代码“<div id="commentad"><a target="_blank" href="链接地址"><img height="125px" width="125px" src="图片地址"/></a></div>”。

然后在 style.css 中,找到评论框的样式代码“#comment{ width:100%; height:150px; …}”,将 width 改为合适的宽度,比如 75%,并根据需要修改 height 为合适的高度。然后添加广告位的样式代码“#commentad{float:right;}”。

最后得到的效果图如图所示:

这样评论框右侧广告位的代码就添加完成了。

历史上的今天

2016年:快乐星期天430期:娱乐圈(47)(6条评论)

2015年:华为荣耀6 Plus“通话门”事件的质疑(80条评论)

2012年:文摘手打035:“水泥锥”张扬着城市管理的统制思维(29条评论)

2011年:快乐星期天169期:幽默语录(25)(76条评论)

2009年:如何通过供应商和设备ID查找未知设备驱动[译文99](6条评论)

2009年:Windows 7 旗舰版(32位) 30in1 简体中文版(5条评论)

2008年:《性和死亡101(Sex and Death 101)》(0条评论)

2008年:迎接十一黄金周(0条评论)

2007年:初到大连(0条评论)

47个评论

  1. BoKeam
    2010/09/04 16:34:06

    为什么我收到两个订阅通知?

  2. 阿修
    2010/09/04 16:35:32

    这个位置貌似很好卖~~

  3. zrqx008
    2010/09/04 17:24:00

    这个位置的广告能被观看到的机会更大。

  4. 雅丹地貌博客
    2010/09/04 17:38:34

    貌似是这样的 回头也搞个

  5. 丕子
    2010/09/04 18:02:26

    我是不是也要做一个呢?

  6. 飞晏
    2010/09/04 18:08:59

    没广告可放了

  7. 万戈
    2010/09/04 18:28:08

    嗯哼,这个我也加上了耶

  8. 山水画
    2010/09/04 20:02:01

    先学习了再说

  9. 创意无限
    2010/09/04 20:14:16

    广告位多少钱呢 呵呵

  10. Bee君
    2010/09/04 21:26:42

    我就不弄了~~~

  11. MK
    2010/09/04 23:47:18

    暂时来说,我只放三个位置,应该勉强支撑博客空间域名费用了。O(∩_∩)O~

    • Louis Han
      2010/10/06 22:37:29

      @MK, 我开发了那么多位置,不过都没有卖出去

  12. aisinvon
    2010/09/05 00:07:15

    希望这个位置尽早被人占座啦

  13. lovee
    2010/09/05 10:45:21

    辛苦了啊呵呵

    其实偶觉得或许评论况里面也是个好位置?(就是可能图片会把文字挡得看不清

  14. huangjun
    2010/09/05 16:13:53

    我这个地方的广告位是推广我的牙博士。

  15. 老饕
    2010/09/05 16:47:31

    呵呵~~我也弄了一个~~可惜,因为图片是固定的~~这样对于使用嵌套回复的人来说~~一不小心就把图片挤到下一栏了

  16. mice
    2010/09/05 20:13:55

    唉 我那里都没人丢广告 还是不放这个位置了-_,

  17. zwwooooo
    2010/09/05 23:20:21

    这个地方非常不错

  18. 柳亚
    2010/09/06 08:06:13

    我坐一下,呵呵。。。。

  19. Pavel
    2010/09/06 21:06:59

    我也痒痒了
    抽空整一个 说不定有意中人联系呢

  20. 绝版黑色
    2010/09/07 13:14:49

    偶的博客还没广告 – –

  21. SOHO一族
    2010/09/11 09:41:56

    先拷贝下来,没事也折腾折腾去!

  22. 李小鹏个人博客
    2010/10/06 16:00:15

    不错的方法 我也加一个试试去

  23. 乐趣人生
    2011/05/14 15:26:19

    想请问一下。您的相关文章右边的google广告是怎么加上的?什么代码。

    • Louis Han
      2011/05/23 13:13:38

      @乐趣人生, 呵呵,就是Google提供的Adsense代码啊,那个地方原来是其他内容的,我替换成广告了

  24. 武汉SEO
    2011/07/11 22:27:45

    这个位置的点击量怎么样啊

  25. 代码回音
    2011/07/31 20:42:36

    呵呵 这个方法不错啊 收藏了

发表评论

您的昵称 *

您的邮箱 *

您的网站