Forum Moderators: martinibuster

Message Too Old, No Replies

How do you embed AdSense into an article?

         

BruceDowns

6:59 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



I currently have an article like this

Text text text text text text text text text text text
text. Text text text text text text text text text text
text text text text text text text. Text text text text
text text text text text text text text. Text text text
text text text text text text text text text text text.
text text text text text text text text text text text.
text text text text text text text text text text text.

How do I get AdSense like this?

Adense AdSense AdSense text text text text text text.
Adense AdSense AdSense text text text text text text.
Adense AdSense AdSense Text text text text text text.
Adense AdSense AdSense text text text text text text.
text text text text text text text text text text text.
text text text text text text text text text text text.
text text text text text text text text text text text.
text text text text text text text text text text text.

Thanks in advance.

OptiRex

7:04 pm on Aug 21, 2006 (gmt 0)



Are you using CSS, Dreamweaver or another WYSIWYG?

BruceDowns

7:37 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



I was hoping to use a table. I'm using typepad a blogging service. I can use html.

Vis3R

7:57 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



If ya wanna do it with tables... make a table inside the table with the article text (and align it to the left side) and put there the google ads..

[edited by: Vis3R at 7:57 pm (utc) on Aug. 21, 2006]

I Will Make It

8:05 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



Here's the code you need for doing this with tables.

<table>
<tr>
<td>
Place adsense code here
</td>
<td>
Place first part of article here
</td>
</tr>
<tr>
<td colspan="2">
Place last part of article here
</td>
</tr>
</table>

Put some attributes in the <table> and <td>'s to make it look nice :)

Good luck.

[edited by: I_Will_Make_It at 8:08 pm (utc) on Aug. 21, 2006]

OptiRex

8:10 pm on Aug 21, 2006 (gmt 0)



Hey thanks guys, I go out for a few minutes and find someone's completed the job for me:-)

marcel

8:12 pm on Aug 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Or with a SPAN:

<span style="margin: 5px; float: left; width: 300px; height: 250px;">
AdSense Code Here
</span>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

moTi

8:13 pm on Aug 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Here's the code you need for doing this with tables.

this is not gonna result in the desired effect the op wants. test your snippets before giving advice..

ok, now you edited your post :P

[edited by: moTi at 8:14 pm (utc) on Aug. 21, 2006]

I Will Make It

8:24 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



moTi:

Sorry.. I know. I noticed it 1 minute after I pressed submit.
But I did correct it ;)

Hobbs

8:25 pm on Aug 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Get a mini fridge Opti for those beer trips!

I assume the O/P's question is answered
I'd like to squeeze a little more out of it:

Is Dreamweaver any good for working with tables, CSS, optimizing code, W3C compliance ..?

I Will Make It

8:31 pm on Aug 21, 2006 (gmt 0)

10+ Year Member




Or with a SPAN

Or with TABLES again:

<table border="1">
<tr>
<td>
<table border="1" width="300" height="250" style="float: left;">
<tr>
<td>
adsense code
</td>
</tr>
</table>
text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text
</td>
</tr>
</table>

Although the span suggestion is a really simple but effective way to do it. I've always just liked tables more :)

plasma

8:36 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



Tables are for tabular content, not more and not less.
For accessibility reasons you should use css for all layout purposes.

Everybody has a blind friend: Google

I Will Make It

8:36 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



Hobbs:

I don't know.. I code all my webpages (html, css, php..) in textpad or notepad. And I use the w3 validator to check my code.

But I would also like to know if Dreamweaver does this job in a good way.
After all, the wysiwyg progs has become really good lately, or at least this is what I've heard.

BTW: Whooohooo.. They made me a full member :D

OptiRex

8:37 pm on Aug 21, 2006 (gmt 0)



Get a mini fridge Opti for those beer trips!

Mini fridge! Nothing less than a stainless steel walk-in for the excellent, genuine Czech beer I just bought:-)

Is Dreamweaver any good for working with tables, CSS, optimizing code, W3C compliance ..?

I used to use it a few years ago until I got fed-up of the bloaty code, everything worked well though.

Anyone else?

EditPad's good enough for me these days.

martinibuster

9:00 pm on Aug 21, 2006 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



This will embed your AdSense into your content. It will create a thin black border around your AS ads, hugging the left side, with the first paragraph floating around it (much like text flowing around a photo). You can turn off the black border or turn them a different color, make the ad unit float right, so many variations.

<p>text text text text text<p>

<p style="float:left;width:30%;padding:8px;border:1px solid black;margin:0px 20px 0px 0px;background-color:#FFFFFF;">
AdSense Script Here
</p>

<p>text text text text text<p>

Hobbs

10:07 pm on Aug 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>Mini fridge! Nothing less than a stainless steel walk-in

Oh, I thought you went to fetch a beer, turns out you got lost inside your fridge!

plasma & "I Will Make It"

For non testosterone pumped proud notepad coders, WYSIWYG is the only viable option.

I am concerned about DW's code bloat too, can't believe no one came up with good editor that does it all.

plasma

10:37 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



Hobbs, you want a testosterone editor, that does it all?

use `cat > index.html` :^)

BruceDowns

10:50 pm on Aug 21, 2006 (gmt 0)

10+ Year Member



Thanks guys. I really appreciate the help. I'm assuming it's pretty obvious that I'm not a webmaster. I've been reading this site almost daily now for over a year and you won't believe how much I've learned and profited. I'm a blogger using Typepad with minimal coding knowledge. Yet because of what I've learned here I've turned a fun hobby into a nice little paycheck each month that is helping with the bills. Thanks again.

[edited by: BruceDowns at 11:01 pm (utc) on Aug. 21, 2006]

andrewshim

4:07 am on Aug 22, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Is Dreamweaver any good for working with tables, CSS, optimizing code, W3C compliance

IMHO :

tables : Wondeful
CSS : Great
Optimizing Code : So-so...I do a lot of coding by hand - software can't think like my brain
W3C : &(*&(*^%(by default, DW doesn't embed the doctype for you. you have to modify one of the system setting, but s**t... all my pages aren't compliant. truth be told, a lot has to do with my coding.

Hobbs, you want a testosterone editor, that does it all?

can you do that? how do you upload the testosterone... floppy disk... exe file... CD?

plasma

9:44 am on Aug 22, 2006 (gmt 0)

10+ Year Member



how do you upload the testosterone... floppy disk... exe file... CD?

Then you want netcat :)