近日一网友向我询问为什么他日志左上角的Google广告为什么为挡住部分日志,我看了一下他的代码,也没什么问题,仔细一看,原来是他把with设错了,他的Google广告的宽度是300*250,而他的Google DIV宽度却是250*250,怎么会不遮挡呢,下面把我的Google代码的页面部分代码贴出来,供大家参考。 

Google代码加入到b_article-single.html页面,参考如下代码。

<div class="PostContent">
<div  class="ggad">
<script type="text/javascript"><!--
google_ad_client = "pub-1199247146954391";
/* 250x250, 创建于 09-10-13 */
google_ad_slot = "0493297411";
google_ad_width = 250;
google_ad_height = 250;
//—>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<#article/content#>
</div>

下面是对应的CSS代码

.ggad {
margin: 10px 5px 2px 2px;
padding:0px;
float:left;
width: 250px;
height: 250px;
vertical-align: top;
}

要注意的一点是div的宽度和高度一定要比Google广告的略大一些。

还可以参考以前我写过的[Zblog文章页添加google广告的方法]