WPINK主题添加评论框右侧广告位（WordPress）

时间: 2010-09-04 / 分类: 软件网络 / 浏览次数: 2,841 views / 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;}”。

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

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

上一篇: [文摘手打]004-抗战胜利65周年

下一篇: SSH 客户端软件 Bitvise Tunnelier 更新至4.36

分享 |

47个评论

BoKeam
2010/09/04 16:34:06

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

[回复]
Louis Han 回复:
十月 6th, 2010 at 10:32 下午
@BoKeam, 也许是订阅了两次？

[回复]
阿修
2010/09/04 16:35:32

这个位置貌似很好卖~~

[回复]
Louis Han 回复:
十月 6th, 2010 at 10:33 下午
@阿修, 可惜没有人找我买啊

[回复]
zrqx008
2010/09/04 17:24:00

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

[回复]
Louis Han 回复:
十月 6th, 2010 at 10:33 下午
@zrqx008, 不过搜索引擎过来的用户基本上不会看这个位置

[回复]
雅丹地貌博客
2010/09/04 17:38:34

貌似是这样的回头也搞个

[回复]
Louis Han 回复:
十月 6th, 2010 at 10:34 下午
@雅丹地貌博客, 越来越多的人在这个位置纺织广告位了

[回复]
丕子
2010/09/04 18:02:26

我是不是也要做一个呢？

[回复]
Louis Han 回复:
十月 6th, 2010 at 10:35 下午
@丕子, 大势所趋啊

[回复]