如何使用AdSense广告背景图片
要将AdSense广告加背景其实很简单,我们只需要使用CSS (串接样式表)就能很容易為广告加上背景图片,如果是你使用WordPress你还可以装上Adsense-Deluxe插件这样更方便操控你的AdSense广告。
现在為大家解说一下如何使用CSS為广告加上背景,首先要有一个略大於你将使用的广告组大小的背景图片,Simon将使用300×250的AFC广告组所以制作了一个320×270的背景。然后我们就可以使用CSS在DIV的style中加上向左或右靠、背景和间距。以下就是Simon拿来美化AdSense广告的CSS码:
<div style="float: right; background-image: url(图片网址);height: 270px; width: 320px;padding-top: 10px;padding-left: 12px;background-repeat: no-repeat;" > 300x250AdSense广告码放在这裡 </div>
Float: right;
就是让你的广告在内文中向右边靠,文章内容会包在左边和下面。当然你也可以将right改成left就会向左靠。
background-image: url(图片网址);
这裡的图片网址就是你存放图片的网址。
height: 270px;
这是背图片象素高度。
width: 320px;
这是背图片象素宽度。
padding-top: 10px;
上端间距。
padding-left: 12px;
左端间距。
background-repeat: no-repeat;
对图片的重覆显示设定,因為只要出现一个所以是不重覆(no-repeat)。
我们只需要将从AdSense后台获得的300×250白色背景的广告码放在”300×250AdSense广告码放在这裡”的位置也就是包在DIV码中就可以了。
但一些比较特殊的计设,如那个黄色或灰色的背景我们就需要符和背景图片AdSene广告背景顏色。除此之外我们还要微调间距让AdSense广告摆放在背景的中间。Simon提供的这几个广告背景图片都附上相对应的CSS码,你只需将AdSense广告码加上及修改图片网址就可以使用,也附上特殊顏色背景的色码。
下载广告背景和使用说明:
Simon已经将这一组背景和使用说明打包成ZIP档,包含6个背景图片、一个使用说明readme.htm。
下载地址:
美化Google AdSense广告懒人包(googleadsense-backbround).zip (72.75 KB)
相关阅读:
请稍等,评论加载中...