How to insert Ad like these?

By techboy52 on 8 Jun 2010 at 08:16 UTC

Hello, can somebody please tell me how to insert ads into article (i mean node) like these way shown in screenshot,where the text of articles in wrap around the ad

Comments

wheres the screenshot ???

rahulbile commented 8 June 2010 at 08:20

wheres the screenshot ???

Cheers

no option to upload screenshot,

techboy52 commented 8 June 2010 at 08:23

here the screenshot, at some other site, i want to place ad like these but on the right side of article

http://img152.imageshack.us/img152/6369/untitledkf7.gif

First, you have to override

ionut.alexuc commented 8 June 2010 at 08:28

First, you have to override the template for the node.

You can have a div there with float: left.

In this div, you can have a call to the ad.
If you are using this module: http://drupal.org/project/adsense
It provides a function to call for ads.

Ionut

hmm,

techboy52 commented 8 June 2010 at 09:03

You can have a div there with float: left.

how can i have a div there with a float?

Place a region "inside" node text?

Drupalace-1 commented 8 June 2010 at 14:28

I'm interested in this question myself – specifically, how to insert a block into (for example) the main body of a node text, in the way many sites place ads within main text (per the original question).

When you speak of placing a div within the node template, are you speaking of a way to position an actual block region "inside" a node's main content area? It'd be great if a region could be positioned within, say, the area for a node's body text, perhaps appearing (for example) about one-third the way down, and off to one side... Not above or below the node content, but "inside" it, with the node's body text wrapping around. That'd be great for inserting an ad, or a small poll, or many other interesting blocks, into text.

Is such a layout easily possible using regions? It seems many sites out there are using a final effect like that, yet I don't recall ever seeing a Drupal theme that offered a region in such a place.

I hope my comment is understandable; theme work is not my strength. : (

You cannot do that with

ionut.alexuc commented 8 June 2010 at 15:16

You cannot do that with Drupal default.
Your block should be placed in the node.tpl.php. Here are no regions. They are in page.tpl.php.

You can have a region in page.tpl.php, but then you have to use .css to position that region over the body.
And you have also to inject a

or something into the body, to reserve space for the region.
This div will have "float: left; widht: 100px; height:400px".
Having this, your text will wrap the div.

Then you have to position your region over that div. And it will look like the ad will be there.

My approach would be:
I will not use that trick with the .css
I will override the template node-page.tpl.php (for example).

I can have a code like:

<div class="wrap-body">
<div class="body-ad">
<?php print call_function_to_show_ad(); ?>
</div>
<?php print $node->body; ?>
</div>

where .body-ad will be in .css as:
.body-ad {
width: 100px;
height: 250px;
float: left;
}

Ionut

Ad inside node

Drupalace-1 commented 10 June 2010 at 07:16

Thanks, Ionut. I had actually been considering the first method you mention: placing a blank white graphic or something inside a node to create a "space", then using .css positioning to force some normal block to appear over that space. Seems like it'd work, though I imagine getting the sizes and positioning all exactly right might be a challenge.

Re the second region you mention, that definitely looks worth trying out. I'll do so as soon as I have a chance.

Thank you!

Take care when you using the

ionut.alexuc commented 10 June 2010 at 09:04

Take care when you using the first method.
You have to test/fix it also in IE :P

IE6 it is a pain.

IE 6

Drupalace-1 commented 10 June 2010 at 11:55

Thanks for the warning!

Though depending on the site and its intended audience, I'm sometimes happy to use another method for dealing with IE 6. It's this: Display a very visible message saying "IE can't handle this site. Get a real browser."

My favorite method, whenever I have the freedom to use it!