Wednesday, December 8, 2010

How to wrap text around google ads and image in Blog?

1. Wrap text around Google ads.
Using float:left in div to wrap text around Google ads, this can save space and get more attention from readers. HTML code:
<div style=”float: left; width: 300px; height: 250px; margin-right: 8px; margin-bottom; 8px”>
Adsense code here
</div>

Using float:right in div to put Google ads around the right side of text. HTML code is:
<div style=”float: right; width: 300px; height: 250px; margin-right: 8px; margin-bottom; 8px”>
Adsense code here
</div>

Left ad is 300*250. For different ad size, you need to adjust parameter in div, such as width, height and margin. I successfully wrap text for two ads.
eagle
2. Wrap text around image:
using same code, replace the Ad code by image code <IMG SRC="http://www.hickerphoto.com/data/media/161/symbols-of-peace__MG0813.jpg" ALT="eagle" >+ text.  Another method, we can use align=right in the img code.

No comments:

Post a Comment