Saturday, January 3, 2015

Place AdSense ads alongside the text

The ad showing at the topmost left corner is a burning example of floating Google Ad. This is an 336X280 size AdSense Ad that I have placed using some HTML codes.

I have used a DIV tag with some attribute like display, float and margin. You may also use the <span> tag with the same attributes to show the floating ad.

Not only ads, you may also show any image or something else following this technique.

However, you the publisher note that this floating ad generates more revenue than all other ads placed in different places.

This is really a fantastic way of showing ads alongside the texts/content. You all the AdSense Publishers know that placing Ads in right place is so important to earn more money from Google AdSense. However, lets follow the steps given bellow to place a floating ad.

 Step 01  Decide where do you want to show the Ad
First of all you need to decide a place where do you want to show your targeted ad. In this post I have placed a 336X280 Large Rectangle AdSense Ad at the uppermost left side. And generally most of the publishers do the same to generate more revenue.

 Step 02  Log in to your blogger account
Log in to your blogger account and select a post in which you want to place a floating ad.

 Step 03  Paste the codes at the beginning
Now click on the HTML button to access the HTML codes of the post. Then copy one of the following sets of codes given below and paste them just after the line <div dir="ltr" style="text-align: left;" trbidi="on">.

<div style=”display:block;float:left;margin: 0px 10px 0px 0px;”>
Codes of AdSense Ads
</div>
Or

<span style="float: left; padding: 3px 10px 0px 0px;">
Codes of AdSense Ads
</span>

 Step 04  Now publish the post
You have to now replace the text Codes of AdSense Ads with the codes of the AdSense ad you want to show. Finally click on the Publish button to publish the post and visit the post by clicking on the link view.

Place two AdSense Ads side by side
AdSense Ads,Placing AdSense Ads,Floating AdSense Ads
Where can you change of the Codes?
Look there is written float:left. That means the ad will show in the left side. You may show the ad in the right side by changing the direction. Just replace left with right to show the ad at the right side of the article.

There are also some codes like margin: 0px 10px 0px 0px. You may change the number of px if you want. That means 0  may be 10 or 10 may be 0. You may also decrease 10 to 5 or any other small numbers. These are the margins of the four sides of the ad's so that the ad can keep some distance from the text.

N.B. Not only ads, you may also show any important text or images instead of the ad. Then you need to replace the text Codes of AdSense Ads with your text or with the URL of the image.


2 comments:

  1. I read this post completely concerning the resemblance of hottest and previous technologies, it's awesome article.

    ReplyDelete
  2. Hi there! I could have sworn I've been to this site before but after checking through some of the post I realized it's new to me. Anyways, I'm definitely delighted I found it and I'll be bookmarking and checking back frequently!

    ReplyDelete