DBS独立服客服务

查看完整版本: 让你的google ads 广告赚钱 与文章融合 居左

jinnet 2007-4-7 18:36

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

在论坛里面 每人发这个方法 自己 写下 其实很简单拉。可能大家有想到。不过大部分没有做大。我发这个是为了提高大家博客google ads 的点击率 实验证明 这种投放gg ads 的样式 对于 点击率 有非常好的效果
首先 要一段css样式代码
[code]
.ggad
{
    margin: 2px 1px 2px 2px;
        /*float:right;*/
        float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
}
.ad_ggad
{
    padding: 10px 0px 0px 10px;
}[/code]float:left;部分 是左右的区分 left是左边 right是右边 随便你拉 我觉得左边效果好点
然后 就是投放gg的代码咯
这个页面修改  \TEMPLATE\b_article-single.html
这个地方加代码[code]<div class="post-body"> 在这里加gg的代码<#article/content#>[/code]记得 调用样式
全部加好 是这个样子[code]<div class="post-body">
<div id="vad" class="ggad">
google广告代码
</div>
<#article/content#>[/code]好啦 搞定了 提供一张预览图 效果如下
我推荐直接写进 你使用主题的css文件里面 方法是 在最下面 直接 添加 上面的蓝色部分代码 最下面哦 别弄错
如果 弄好不见效果 请清除记录 在看 记得重建文件啊 好拉 祝大家 美金多多

brahma 2007-4-7 19:43

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

washun 2007-4-7 20:19

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

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

google广告代码
</div>[/code]然后在css添加[code].ggad {
    margin: 10px 5px 2px 2px;
    padding: 10px 0px 0px 10px;
    float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
    border:1px #000000 solid;
}[/code]width和height根据广告大小定义,一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。

看看我的效果吧[url]http://www.washun.com/post/289.html[/url]

sunlight 2007-4-7 21:44

不错 回去试试看

likk 2007-4-7 22:15

这个不错

jinnet 2007-4-7 23:30

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

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

google广告代码
</div>

然后在css添加
.ggad ... [/quote]
不错哦。。呵呵 还是版主厉害 我对网页设计只是略懂皮毛拉 哈哈 版主这么一弄果然简单了许多;P

washun 2007-4-7 23:41

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

asongzhang 2007-4-8 15:18

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

sunlight 2007-4-8 20:06

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

zhangyiming.com 2007-4-9 11:25

:) :)

qinai 2007-4-10 19:43

我的怎么不能环绕?

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

washun 2007-4-10 19:50

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

skyforever 2007-4-10 21:55

加google的广告代码干嘛??能拿到钱??

qinai 2007-4-11 18:49

成功了

成功了,谢谢washun,不过我补充一下,在上面两位提到的“css”是指在style目录下的Adventure.css。再次感谢!

washun 2007-4-11 21:48

晕死了 每个人用不同的模板,css的名称都不同

likk 2007-4-11 22:47

[quote]原帖由 [i]washun[/i] 于 2007-4-11 21:48 发表
晕死了 每个人用不同的模板,css的名称都不同 [/quote]

qinai 2007-4-12 08:22

呵,

呵,对了,你一说我才想起来。对不起,根据自己用的模板找对应的CSS。真是对不起。

thomaslts 2007-5-6 16:46

不錯...
但我原先的文章較短
不太適用
[url]http://tatlife.hk[/url]

xiaoyi0451 2007-5-24 09:31

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

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

google广告代码
</div>

然后在css添加
.ggad ... [/quote]


问个愚蠢的问题,CSS在哪呀?

liuchunyu 2007-6-8 11:23

[quote]原帖由 [i]xiaoyi0451[/i] 于 2007-5-24 09:31 发表



问个愚蠢的问题,CSS在哪呀? [/quote]

同问

liuchunyu 2007-6-8 11:37

float:right;
是不是就居右了?

washun 2007-6-8 13:51

晕死了
STYLE文件夹下面有一个*.css,那就是你的css  默认是default.css 但是如果换了其他样式 默认的css也会是其他以css为后缀的

超胜波 2007-6-9 13:56

请问 在哪里投放Google代码啊,我按上面做了之后,后台也变化啊。(我已经做了文件重建了)

studentvip 2007-6-17 20:43

谢谢了哦~~~~~~~~~~
页: [1] 2 3 4
查看完整版本: 让你的google ads 广告赚钱 与文章融合 居左