前些日子由于申请我的站放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):
background:#1D99D3;
color:#000000;
width:100%;
}
.left{
float:left;
width:50%;
}
.right{
float:right;
width:48%;
background:#1D99D3;
}
意思就是说整一个以行两列的<div>样式表格(不知道这么叫对不对,我是文盲,不对大家纠正),然后再放置头部广告的时候把原有代码:
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
</div>
改成以下代码(以本人的阿里妈妈广告位做样板--星号位置你自己创造广告位的时候会有的,其实都一样,改变的地方只是广告代码段):
< div class="warp"> <!--div表格开始-->
<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 /> <!--这里是又边的广告位栏开始的地方,(br/)意思是顶端溜一行空,其他代码也可以,不过我觉得这个方便-->
<!----------------这一段应该是你的广告代码,Google Adsense\Alimama\baidu都可以----------------->
<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>
<!----------------这一段应该是你的广告代码,Google Adsense\Alimama\baidu都可以---------------->
</div> <!--广告栏结束标记-->
</div> <!--div表格结束-->
</div> <over>
好了,上面的步骤基本可以实现目的,想改那一页就换那一页的代码,反正就5个模板,全部换了也不是太麻烦。
2.我常常把广告位放在istop模板里面,设置一个置顶文章,这样首页和分类页、tags页顶部都会出现一个广告位,在默认模板里面放一个728*90的广告位页面刚刚好,但是当我在b_article-single.html模板放置同样大小的广告位时,网页底部就会出现一个横向的滚动条,似乎模板被广告位撑破了。我是如下解决的:
在css样式表加上以下代码:
margin: 0 -5px 0 -20px;
padding: 0;
}
然后在广告位上面加上这么一层就可以了:
<script type="text/javascript"><!--
google_ad_client = "pub-****************";
/* 728x90, 创建于 08-2-27 */
google_ad_slot = "**********";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
这段代码可以放在b_article-single.html以下代码后面:
<div class="post-nav"><#template:article_navbar_l#><#template:article_navbar_r#></div>
由于Google Adsense规定每页不可以超过3个Google Adsense内容广告的广告位,因此我们先就放着两个吧,下次再告诉大家更多放置Google Adsense广告位的方法。
本文由Bard整理发布于Bard'SEO学堂,欢迎转载时给个链接,否则Bard找你麻烦!