让你的google ads 广告赚钱 与文章融合 居左

jinnet

在论坛里面 每人发这个方法 自己 写下 其实很简单拉。可能大家有想到。不过大部分没有做大。我发这个是为了提高大家博客google ads 的点击率 实验证明 这种投放gg ads 的样式 对于 点击率 有非常好的效果
首先 要一段css样式代码

1. 
   
2. .ggad
   
3. {
   
4.     margin: 2px 1px 2px 2px;
   
5.         /*float:right;*/
   
6.         float:left;
   
7.     width: 250px;
   
8.     height: 250px;
   
9.     vertical-align: top;
   
10. }
    
11. .ad_ggad
    
12. {
    
13.     padding: 10px 0px 0px 10px;
    
14. }

复制代码

float:left;部分 是左右的区分 left是左边 right是右边 随便你拉 我觉得左边效果好点
然后 就是投放gg的代码咯
这个页面修改  \TEMPLATE\b_article-single.html
这个地方加代码

1. <div class="post-body"> 在这里加gg的代码<#article/content#>

复制代码

记得 调用样式
全部加好 是这个样子

1. <div class="post-body">
   
2. <div id="vad" class="ggad">
   
3. google广告代码
   
4. </div>
   
5. <#article/content#>

复制代码

好啦 搞定了 提供一张预览图 效果如下
我推荐直接写进 你使用主题的css文件里面 方法是 在最下面 直接 添加 上面的蓝色部分代码 最下面哦 别弄错
如果 弄好不见效果 请清除记录 在看 记得重建文件啊 好拉 祝大家 美金多多

brahma

怎么套两个层啊.太复杂了.css写在一个层上就可以了.

washun

我使用了
不过我修改了一下 只需要一个层即可

在b_article-single.html的那个地方添加

1. <div id="vad" class="ggad">
   
2. google广告代码
   
3. </div>

复制代码

然后在css添加

1. .ggad {
   
2.     margin: 10px 5px 2px 2px;
   
3.     padding: 10px 0px 0px 10px;
   
4.     float:left;
   
5.     width: 250px;
   
6.     height: 250px;
   
7.     vertical-align: top;
   
8.     border:1px #000000 solid;
   
9. }

复制代码

width和height根据广告大小定义，一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。

sunlight

不错 回去试试看

likk

这个不错

jinnet

原帖由 washun 于 2007-4-7 20:19 发表
我使用了
不过我修改了一下 只需要一个层即可

在b_article-single.html的那个地方添加
<div id="vad" class="ggad">

google广告代码
</div>

然后在css添加
.ggad ...

不错哦。。呵呵 还是版主厉害 我对网页设计只是略懂皮毛拉 哈哈 版主这么一弄果然简单了许多;P

washun

还是要谢谢你 给了我启发 我在你的基础上完善了一下而已

asongzhang

支持，很早就自己研究用上了，不过我放右边

sunlight

用了效果请看
http://www.cnctechnet.com/post/342.html

zhangyiming.com

qinai

我的怎么不能环绕？放最小的广告矩形也不可以。为什么？
放一篇文章大家帮我看看。谢谢！
http://www.newsunday.com/post/262.html

washun

兄弟，你在css加了吗？我在你的css没找到啊 真是晕死了 麻烦看完修改步骤