Local Tech Repair: How to Place Text Around Your ads

Wednesday, April 18, 2012

How to Place Text Around Your ads

For those that are blogging and want to be able to put ads in their text. This is one of the many ways to get peoples eyes when they are reading your articles to see your ads so that you can make money. There are a few different ways of doing this.


for instance if want your text to go around an ad in your article like the one on the next to this text it is not to hard to do. This is what my add looks like.

<div style="float: right; height: 250px; padding-top:5px;padding-bottom:5px; padding-right:10px; padding-left:10px; position: relative; width: 300px;">
//ad or picture here
</div>
<div style="float: clear;">
</div>


This allows the Text to go around the ad and do it in a way that is easy to code. All this code does is a little css and making it give some room around the add so that the text does not go right up against it. For those that don't know what css is then this is a little overview for your. Within the Div tag we are applying inline style. We define how big of a div we want. We use width and height for this and my ad is a 300px by 250px there for my div is going to be that large. We Also put some padding around the div so that it does not run up against text or if you have a border right to the right of it. This allows a more natural feel to the ad and not that it is just stuffed in there. Float is telling the div if it should go right or left. And position is set to relative. If your wanting the ad to be on the left of the article then just change the float to left. At the end of this we are clearing the float so that text will return to normal after the ad.

So to have an ad like i have here you place your ad script between the first and second paragraph. this causes the second paragraph to start wrapping around. If your wanting to have a banner ad between your text try this.
You don't really need to do much. Though if you want to make sure that the ad is placed in the middle(width) of the article and not to the right or left. then try this code.


<div align="center">
//ad or picture here
</div>


this is helpful if your looking to a banner ad like above or just want a picture. I would not suggest something with text wrapping around it as that would be very hard to read.

I hope this helps you with your ads on your website.

Though I do not recommend using ads in website articles. I do do it some times and it can be useful to pass useful information to your readers. As I use amazon for my ads in text. I am able to target ads to what I am writing and their for ad to the article and not distract the customer with useless information.

For instance if I am writing an review on bitdefender then I may place an ad for bitdefender on the page so that if the user likes the review and wants to get the product then it leads them right to where to buy it.

Happy ad posting
-Local Tech Repair Admin