Home » 博客赚钱, 推荐阅读

Google AdSense背景的美化

2010年11月4日 184 views 2条评论
本文发布于:散落的记忆 gooder8.com—博客赚钱|博客经验|免费资源
本文链接:http://gooder8.com/html/y2010/976.html
标签: , ,
本站原创内容,转贴敬请保留以上信息及链接,如有什么问题,请给我留言!

帕兰映像的Google Adsense广告是阴影背景效果,还专门写了篇相关文章,实现的效果不错,应该是投放很长时间的广告了,所以不应该算是违规。其实Google Adsense的原则是不做诱惑点击就不能算违规,很明显有箭头指示的图片装饰或鼓励点击的语言是肯定被禁止的。下面来看看怎么美化Google Adsense背景。

首先,用PS做一个背景图片,这个看你的美工了,比如上传到网站目录中的images文件夹下,宽和高555×79,当然背景图的大小你完全可以自已定义,这取决于你将展示的Google Adsense广告尺寸大小,这个不用多说了吧,根据自已的实际位置、大小需要而定。

然后,加入广告代码。有两种办法,一种是不改style.css样式表,直接用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)。

另一种是改style.css样式表。在模板的style.css样式表文件中加入下面的代码:

#gsbg_single { 
width: 480px; 
height: 70px; 
background-image: url(images/gsbg2.jpg);  /*指定背景图*/
padding-top: 10px; 
padding-left: 75px; 
}

然后在调用CSS,确定你需要显示的地方,在模版中的相应地方插入下面代码:

<div id=gsbg_single> 
这里插入Google adsense代码 
</div>

如果位置有所偏差,再调试一下padding-top或padding-left的值,直到位置正确就可以了。另外,加上背景图片后要适应修改Adsense的字体和边框颜色以适应图片颜色。

相关日志

您或许还感兴趣:



2条评论 »

  • web前端寒风 said:

    说到底,为AdSense加CSS修饰,就是为了更好的吸引人去点击,
    帮博主增加收入了,呵呵

  • 宁怡 said:

    申请了几次,却一直没有申请下来,郁闷中。。。

欢迎您进行评论!

您可以立即发表评论,或者trackback 到您的个人站点。 当然,您也可以 订阅这些评论 via RSS.

我们提倡发表主题明确、简单明了、无任何恶意信息的言论。

您可以使用这些标记符:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. 如果想要获得个性头像,请到 Gravatar申请!