发新话题
打印

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

本主题由 Zx.MYS 于 2007-9-8 10:57 加入精华

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

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

.ggad
{
    margin: 2px 1px 2px 2px;
        /*float:right;*/
        float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
}
.ad_ggad
{
    padding: 10px 0px 0px 10px;
}
float:left;部分 是左右的区分 left是左边 right是右边 随便你拉 我觉得左边效果好点
然后 就是投放gg的代码咯
这个页面修改  \TEMPLATE\b_article-single.html
这个地方加代码
复制内容到剪贴板
代码:
<div class="post-body"> 在这里加gg的代码<#article/content#>
记得 调用样式
全部加好 是这个样子
复制内容到剪贴板
代码:
<div class="post-body">
<div id="vad" class="ggad">
google广告代码
</div>
<#article/content#>
好啦 搞定了 提供一张预览图 效果如下
我推荐直接写进 你使用主题的css文件里面 方法是 在最下面 直接 添加 上面的蓝色部分代码 最下面哦 别弄错
如果 弄好不见效果 请清除记录 在看 记得重建文件啊 好拉 祝大家 美金多多
附件: 您所在的用户组无法下载或查看附件

TOP

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

TOP

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

在b_article-single.html的那个地方添加
复制内容到剪贴板
代码:
<div id="vad" class="ggad">

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

看看我的效果吧http://www.washun.com/post/289.html
博客,更爱ZIPPO
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

不错 回去试试看
http://www.cnctechnet.com/
轻松数控网

TOP

这个不错
“长尾理论在”水边树木笔记:
http://www.likk.com/blog/post/Long-Tail.html

TOP

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

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

google广告代码
</div>

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

TOP

还是要谢谢你 给了我启发 我在你的基础上完善了一下而已
博客,更爱ZIPPO
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

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

TOP

http://www.cnctechnet.com/
轻松数控网

TOP

TOP

我的怎么不能环绕?

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

TOP

兄弟,你在css加了吗?我在你的css没找到啊 真是晕死了 麻烦看完修改步骤
博客,更爱ZIPPO
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

发新话题