z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧

徐广 · 2008-03-09

前些日子由于申请我的站放Alimama广告一直不通过，因此对Alimama有一点意见，但是毕竟Alimama广告钱多钱少也是点钱呢，况且跟Google Adsense又没什么冲突，因此又申请了一次，这次顺利通过了，右侧那个200*200的广告位看到了么？准备0.95元钱/周卖上几个月时间，呵呵！

由于本人做站即为练手、又为推广、还为赚钱，因此对广告的放置都一直比较积极，这不因为自己改的模板不兼容firefox，马上换回默认的z-blog1.8模板（原装的就是不错），原来的乱七八糟的广告位也稍微调整了一下，因此还算有一点心得，跟大家分享下：

1、头部广告位放弃<table>标签，改用<div+css>，这个东西我还是研究了半天的，至于是不是完美的代码，我就不说了，反正在ie7.0里面看起还算正常，6.0和FireFox麻烦大家帮我看看了。我具体是这么搞的：

首先俺在css样式表里面加了这么一段代码（声明下，一下说的css样式表侄的是default2.css）：

.warp{
background:#1D99D3;
color:#000000;
width:100%;
}
.left{
float:left;
width:50%;
}
.right{
float:right;
width:48%;
background:#1D99D3;
}
意思就是说整一个以行两列的<div>样式表格（不知道这么叫对不对，我是文盲，不对大家纠正），然后再放置头部广告的时候把原有代码：

<div id="divTop">
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
</div>

改成以下代码(以本人的阿里妈妈广告位做样板--星号位置你自己创造广告位的时候会有的，其实都一样，改变的地方只是广告代码段)：

<div id="divTop">
< div class="warp"> 
<div class="left"> 
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
</div> 
<div class="right"><br /> 

<script type="text/JavaScript">
alimama_pid="mm_********_******_*******";
alimama_titlecolor="000000";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="FFFFFF";
alimama_linkcolor="707070";
alimama_bottomcolor="7DC5E7";
alimama_anglesize="8";
alimama_bgpic="0";
alimama_icon="1";
alimama_sizecode="12";
alimama_width=468;
alimama_height=60;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script>

</div> 
</div> 
</div> <over>

好了，上面的步骤基本可以实现目的，想改那一页就换那一页的代码，反正就5个模板，全部换了也不是太麻烦。

2.我常常把广告位放在istop模板里面，设置一个置顶文章，这样首页和分类页、tags页顶部都会出现一个广告位，在默认模板里面放一个728*90的广告位页面刚刚好，但是当我在b_article-single.html模板放置同样大小的广告位时，网页底部就会出现一个横向的滚动条，似乎模板被广告位撑破了。我是如下解决的：

在css样式表加上以下代码：

.ggadtop{
margin: 0 -5px 0 -20px;
padding: 0;
}
然后在广告位上面加上这么一层就可以了:

<div class="ggadtop">
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

这段代码可以放在b_article-single.html以下代码后面：

<div class="post cate<#article/category/id#> auth<#article/author/id#>">
<div class="post-nav"><#template:article_navbar_l#><#template:article_navbar_r#></div>
由于Google Adsense规定每页不可以超过3个Google Adsense内容广告的广告位，因此我们先就放着两个吧，下次再告诉大家更多放置Google Adsense广告位的方法。

本文由徐师傅整理发布于徐师傅'z-blog，欢迎转载时给个链接：http://www.pillowhome.cn/post/80.html

论坛

z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧

徐广 New Member

快捷检索

z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧

徐广 New Member