苗钦的博客

关注互联网,网站运营赚钱,SEO搜索引擎优化推广!QQ:420373731

« GGAD号被K了!我的网站该如何营利?昨晚百度更新了,顺便谈下几个站目前的情况! »

实现GGAD(Google Adsense)广告横排的二种方法

实现GGAD(Google Adsense)广告横排的二种方法

在看别的网站广告的时候,感觉挺好看的。可是也许看起来是不是很容易,但确实有很多初学者不会。实现GGAD(Google Adsense)的两个广告横排,确实没什么难度的,就用adsense的广告举例子吧,以前两个google adsense的广告挨着放在一起,网页上就显示是横排排列的,可如今Google修改了广告代码,HTML5和Css3也即将面世,那么简单的办法已经不能搞定了。

想要实现网页广告的横排排列效果,有以下几种简单的方法,实现的效果如上方的两个横排的336*280的adsense广告效果所示。

一,使用表格实现横排广告

表格式最简单的了,为了便于大家查看,我将表格的宽度设为1,在实际应用的时候一般不显示表格的。代码如下:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>广告代码一</td>    
<td>广告代码二</td>  
</tr>
</table>

请根据自己的需要修改表格的宽度和间距。

二,Div+Css实现横排广告

首先在需要增加广告的地方加上如下代码:

<div class="ad">   
<div class="ad_left">左边广告</div>   
<div class="ad_right">右边广告</div>
</div>

然后在Css文件或者<style type="text/css"></style>之间加上如下代码:

.ad { width:676px; height:280px; margin:auto; clear:both; }  .ad_left { float:left; width:336px; }  .ad_right { float:left; width:336px; }

同样,可以根据自己广告的大小修改宽度和高度。

 




发表评论:

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

无觅相关文章插件,快速提升流量