为Google Adsense广告加上阴影背景

分享 · 2011-07-16

最近给自己的博客加上了Google Adsense广告,并使用帕兰映像提供的方法给自己的广告加上了阴影背景效果。起初挂广告是因为觉得好玩,前些天登录Google Adsense发现有一次点击,得到0.05美刀,这让我多少有些沮丧。所以我打算去掉广告,并把为Google Adsense广告加上阴影背景的方法做个备忘。

具体方法:

1、将Google Adsense代码插入一个如下div标签中:

将Google Adsense代码插入这里

2、在style.css文件中插入以下css代码:

.post-top-ad{background:url(images/bg_ad_2.gif) no-repeat left bottom;padding-left:115px;margin-left:15px;}
.post-top-ad .gg{width:336px;height:280px;border:5px solid #000;}
.post-top-ad .gg:hover{border:5px solid #C00909;}

3、用photoshop或其他制图软件制作一个背景图片,并将其命名为bg_ad_2.gif,上传到主题images文件夹中。你也可以使用我提供的背景图片,右键下面的图片另存为。

至此,大功告成。

Google adsense
  1. 玉满斋 2011-09-06

    呵呵,这个阴影很给力呀!不错,收藏了!

  2. 晨光 2011-08-08

    很多人都加了这个阴影

  3. Laygle (作者)  2011-07-28
    @bdqn0411.com

    你想放啥广告都行啊

  4. 我很忙 2011-07-18

    哎哟,不错哦!~

Theme Jasmine by Kent Liao