我们给google广告添加背景图片,要实现这样的效果,需要一些简单的CSS知识。当然你要首先准备好一些背景图片,大小根据你要投放的广告尺寸,适当的加宽加长即可!然后上传到你的网站空间或者网上的免费图片存储空间!免费空间申请地址:www.vipr.cn
......................................................................................>

我们以468*60的尺寸为例,制作一个480*70的背景图片:
代码解释:
float: right: 让广告整体靠右边显示,你也可以用left,或者不要这句,广告显示在默认位置!
background-image: url(图片网址): 这几是你的背景图片,填入图片相对或绝对地址即可!
height: 70px; width: 480px: 背景图片的高和宽,为像素尺寸!
padding-top: 10px: 广告代码相对与背景图片上面的间距
padding-left: 10px: 广告代码相对于背景图片左边的间距(上面两项可以在以后进行细调,让广告显示在背景图片的合适位置)
background-repeat: no-repeat: 背景不需要重复
这样,你的广告就可以有一个漂亮的背景图了!当然,你也可以把上面的属性定义到Css文件里,在添加广告的地方直接
AdSense广告码放在这裡
代码解释:
float: right: 让广告整体靠右边显示,你也可以用left,或者不要这句,广告显示在默认位置!
background-image: url(图片网址): 这几是你的背景图片,填入图片相对或绝对地址即可!
height: 70px; width: 480px: 背景图片的高和宽,为像素尺寸!
padding-top: 10px: 广告代码相对与背景图片上面的间距
padding-left: 10px: 广告代码相对于背景图片左边的间距(上面两项可以在以后进行细调,让广告显示在背景图片的合适位置)
background-repeat: no-repeat: 背景不需要重复
这样,你的广告就可以有一个漂亮的背景图了!当然,你也可以把上面的属性定义到Css文件里,在添加广告的地方直接
调用即可,如:
#adsense_468 {
width: 480px;
height: 70px;
background-image: url(图片地址);
padding-top: 10px;
padding-left: 10px;
background-repeat: no-repeat;
}
然后我们在广告位调用
#adsense_468 {
width: 480px;
height: 70px;
background-image: url(图片地址);
padding-top: 10px;
padding-left: 10px;
background-repeat: no-repeat;
}
然后我们在广告位调用
广告代码放在这里
No comments:
Post a Comment