Muppet Proof Adsense Advice



Think you can do it?

Note: Any businesses mentioned here do not have any personal relationship with jamesterror.net, we currently have our ads

with 'Google', however we have no other relation with them.

Part One - Creating the template

Well, creating the ideal template is the BEST way to go about it! Even if it doesn't look very appealing, all you need is to

be able to make links stand out and content to be in the right place, and ads in the right place too!

I am going to design a nice and simple template, however this works effectively.

So..

Open Adobe Photoshop, once loaded press CTRL + N and enter in your prefered settings.



Most designers use a special tool in Adobe Photoshop to layout their plan, however I use Guides because they help you to keep

your work more inline.

Now, less of the crap and more action! .. Now we must next design our template, well plan it to say the least.



This is my design, quick, easy and very simple, nothing too technical!

After all this rubbish I've said, we need to now start designing.

### I will not guide you through this however you can follow my idea, some simular is more practical though! ###

Finally I'm finished, here is my last design, very basic since I don't want to be messing around the Adobe too much!



You can view my finished design by [url="http://www.jamesterror.net/tutorial/adsense/index.html"]clicking here[/url].

I know this isn't high standard, but a 'blog based' site is basically all you need. Something with a large space for content.
Now I am going to show you how to place your ads, firstly if you do not know how to slice a template to expand I will show

you now.

Part 2 - Slicing a template for expansion

After clicking "Save for Web.." in Adobe, open your .HTML file in your web editor.

Below shows the area which we are going to bed editing so it is expandable.



Okay for the editing...

In each table the images will look something like this;

Code:

<td> <img src="images/index_09.gif" width="650" height="350" alt=""></td>

However, we do NOT want this, because this is basically meaning the image in the table will just disappear if we attempt to

put text into it, so we have to change it.

Code:

<td background="images/index_09.gif" width="650" height="100%"> Content Here...</td>

Right, <td> is basically the row/column, basically part of the table. By setting the background to the image it means we can

put text on the image, we will do this for the whole content area. Putting the height as 100% is wise, if you want to content

box to expand you'll need this, you'll also need to do the same coding to the side bars along side the main content area.

Part 3 - Placing my ads in the correct position

Now, I have wrote this in a HTML type guide to make it easier instead of having to flick back.

Lets proceed to the guide...