首页 > WordPress > WordPress右上角加广告代码方法

WordPress右上角加广告代码方法

2010年7月12日 petru 发表评论 阅读评论

在博客上面加广告的方法很多,wordpress的一些插件就能完全满足我们的要求,偶然发现博客右上角这个地方不用的话太浪费了,就想加个广告在这个地方,没用啥插件就自己研究了一下代码搞定。

为了代码的简洁要修改两个文件就可以了,首先要修改的就是css文件,在WordPress的后台可以直接编辑那个css文件,打开style.css加上这么一段:

#rightcorn {
float:right;
padding:0px 5px 0;
}
这个代码很简单前面的float:right就是让这个广告在右侧,下面一行就是指定这个广告的边距,它是按照上右下左的顺序来指定的,所以那个5px就是距离右边的长度,可以根据你的博客效果自己调节。
下面就是把广告加进去了,在后台找到header.php这个文件,打开之后找到<div id=”caption”>这个代码,然后在这段代码下面加上下面这一段:
<div id=”rightcorn”>你的广告代码</div>

好了,现在保存一下返回首页看看是不是广告已经上去了,WordPress和zblog相比的一个很明显的优势就是,WordPress加了东西之后不用文件重建保存就能用,这就给我们节省了很多时间,特别是文件比较多的时候。

原创文章,转载请注明: 转载自Petru's网络博客

本文链接地址: WordPress右上角加广告代码方法

$1.99/mo Web Hosting
  1. 2010年9月6日13:36 | #1

    我的没有caption,而且在单篇文章页加上也不是在右上角显示

  1. 本文目前尚无任何 trackbacks 和 pingbacks.