SEO博客

搜索引擎优化博客,关注网络营销和电子商务的SEO博客,搜集一些网站搜索引擎优化、SEO博客推广等方面的资料

这篇文章的位置:SEO博客>网络赚钱>z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧




« Google VS 百度,搜索引擎体验对比z-blog增加订阅按钮详解 »

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

前些日子由于申请我的站放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"><!--调用divTop样式表-->
< 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样式表加上以下代码:

.ggadtop{
   margin: 0 -5px 0 -20px;
   padding: 0;
}

然后在广告位上面加上这么一层就可以了:

                                    <div class="ggadtop">
<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 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广告位的方法。

本文由Bard整理发布于Bard'SEO学堂,欢迎转载时给个链接,否则Bard找你麻烦!


本文Bard'SEO博客原创并发布,【转载须注明出处】
原文地址:http://www.bardseo.com/Network-Money-NetworkMoney/2008/03/08/80/


将这篇文章添加到:QQ书签| 百度搜藏| 365Key| 天极网摘| 收客网| 就喜欢| 我摘


复制文章地址,推荐给你的QQ/旺旺/MSN/hi 好友



中“z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧”的相关内容
中“z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧”的相关内容
中“z-blog1.8默认模板放置Google Adsense或Alimama广告位的若干技巧”的相关内容


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表