Adwords in Header, Pimp my Website

Well I don’t think it will be turning many heads yet but it’s a start. I’ve got some adwords on and after many hours, got them on in the right place.

It might seem like a simple thing to do, I dare say it is now I know how to do it. Getting to that stage however involves getting to grips with the very basics of CSS scripting.

There’s a million and one tutorials out there but non I can find address the needs of novice like me. I think they are mostly written by experts who assume your vocabulary is the same as theirs.  I found my self skipping around having to research particular words used in different contexts.

If I can remember what its like for a beginner when I’m an expert. I should have a go at a tutorial.

In the mean time I’ll just jot down how I got the adwords to be positioned correctly.

I had a  problem positioning  the Adwords banner it in the header.  

I eventually defined a new “div” (that’s a division or as I like to think of it a “box”) this is done on the CSS style sheet. Using the code:

#header_ad1 {
 background-color: #99F;
 height: 60px;
 width: 468px;
 position: absolute;
 top: 15px;
 right: 0px;

The HTML page then calls the division up with the code:

<div id=”header_ad1″>_______</div>

And then I put the Adwords in the “box”  (where the line is)

Simple really!  After 4 hr’s research. 

Dream weaver can automate the code creation and addition to CSS Style sheet.  Making the right choices is a mystery though, unless you know what its actually doing.

Leave a Reply