Google
 

Tutorial #2: Tweak the AdSense BG Color!!!

Tutorial Explanation:

I will show how in a few simple steps, you can change your AdSense Background colors, to suit any part of your site!

Needed Tools:

- An AdSense Account.
- Adobe Photoshop.


OK! Lets Begin!

Step Number one:

- Open Photoshop.
- Open your website in your browser.
- Press the Print Screen (PrtScn) button, on your keyboard.
- Open a new document in PhotoShop (CTR+N). (settings don't matter..)
- Paste the printed screen into Photoshop. (Simply press CTR+V)

http://photos1.blogger.com/blogger/2871/2729/320/picture%20in%20photoshop.0.jpg


Step Number Two:

- Click on the Brush tool in Photoshop.

http://photos1.blogger.com/blogger/2871/2729/320/click%20brush.0.jpg


Step number Three:

- Hold down the ALT button, on your keyboard.

http://photos1.blogger.com/blogger/2871/2729/320/3ALT.0.jpg


Step number Four:

- While holding down the ALT button, select and click with your mouse, the color you want your Ad to be.

- After choosing the color, Click on the color palate. (The colored box in the picture)

http://photos1.blogger.com/blogger/2871/2729/320/4alt%20click.jpg

Step number Five:

- You should now be in the Color Setting. (Like in the picture)

- Copy the content of the box I marked in the picture. (Simply select it, and press CTR+C)

http://photos1.blogger.com/blogger/2871/2729/320/5copyBG.jpg


Step number Six:

- Go into your AdSense Account.
- Go into the AdSense Setup page, and select the AdSense for content (or Search..)
- Choose the settings you like for the Ad, and finally, get to the Ad color settings. (it should look like the picture..)
- Select the content of the Background box.

http://photos1.blogger.com/blogger/2871/2729/320/adsenseBG.0.jpg

Step number Seven:

remember that when we were in Photoshop, we copied something? Now is the time to use it.

- Paste the content into the Background box. (Notice the ads background change.)

http://photos1.blogger.com/blogger/2871/2729/320/7AD_BG_CHANGE.jpg

Step Number Eight:

- Simply copy the ads code, into the place you want it, in your website. (Like you always do..)

http://photos1.blogger.com/blogger/2871/2729/320/8ad_code.0.jpg

That's it. Hope it helped you out! I tried to make it as easy as possible!

Amigo. =)

No comments:

Google