Answers

 

Craig H

Trainer at Bradley Arant Boult Cummings LLP

see all my questions

How can I place a wide (728 x 90) ad on a TypePad blog?

I am a TypePad blogger. I have recently been invited to become of a blogging network done by a major business network. One problem: I can't seem to get the ad to work on my blog.

The ad is JavaScript based and is wide (728 x 90). It needs to be at the top of my page.

I am using Advanced Templates. I am tech savvy but know very little HTML or CSS.

How can I place this ad on my blog?

Any help would be greatly appreciated.

Thanks in advance, Craig

posted December 8, 2007 in Blogging | Closed

Share This Question

Share This

Good Answers (1)

 

Philip S

Director Owner at Minutecoach Limited

see all my answers

Best Answers in: Using LinkedIn (8), Starting Up (5), Blogging (3), E-Commerce (3), Computers and Software (3), Web Development (3), Internet Marketing (2), Business Development (2), Organizational Development (2), Small Business (2), Facilities Management (1), Freelancing and Contracting (1), Occupational Training (1), Events Marketing (1), Graphic Design (1), Customer Relationship Management (1), Sales Techniques (1), Writing and Editing (1), Planning (1), Non-profit Management (1), Project Management (1), Positioning (1), Career Management (1), Ethics (1), Enterprise Software (1), Computer Networking (1)

This was selected as Best Answer

Hi Craig,
Having had a look at your blog the nicest place to put such a wide advert would be across 2 of your 3 columns. In essence you need to drop the JavaScript into a <div> of it's own placed in the pagebody div, before the beta div, after the alpha div.

This will leave your photo top left, but slide the ad in to the right of it, above the other two columns, prior to their content starting.

You need to do this on all the templates where the ad is to appear, of course, and I'm afraid it's much more difficult to explain than to do.

If you hook up to this message and forward the JavaScript I'll rip your main page over the weekend and stick it in so you can see what I mean.

(would be on my timings though)

Philip

Links:

Clarification added December 8, 2007:

O.K.
This is what is going on:
1) You have a three column TypePad blog, each column is floated left.
2) We're slipping a container, a <div>, for the banner add in after the first column, the alpha column.
3) We're giving our new div an id of "adifyad" so we can refer to it from the CSS sheet, and floating it left too.
4) Now, for simplicity, we follow the convention in the TypePad template and create a new div with the id "adifyad-inner" _inside_ our "adifyad"
div... This inner div is where we are going to paste the Javascript code that generates the banner ad.
5) Because we want adjustments to line the ad up, we simply add margins to the "adifyad-inner" div until it does line up.
6) Then we paste in the code for the ad.

Now, if you look at the code you'll see the two new divs, one contained in the other, and some inline styles to handle float and margin.

They're inline because I can't get to your stylesheet to edit it, but all you have to do is add two new CSS rules to the stylesheet:

first one:

#adifyad {
float: left;
}

second one:

#adifyad-inner {
margin: 10px 0px 10px 20px;
}

and copy the relevant two div's html code and their contained JavaScript to the appropriate places in your advanced templates in TypePad.

Not too grim, you need to be looking at about line #161.

Philip

posted December 8, 2007

More Answers (1)

 

Anil D

Blogger and Six Apart VP

see all my answers

Best Answers in: Blogging (3)

Hi Craig, I work at Six Apart with the TypePad team, and our support team can help you with exactly this kind of request -- every TypePad account has help ticket support built in.

To file a help ticket, you'll need to be logged in and then visit the Support link I've included below. You might also find it easier to include ads in one of the new wider themes that we've launched, and I've included a link to that below as well.

Links:

posted December 8, 2007