Subscribe:

Ads 468x60px

Saturday, August 11, 2012

Showing adsense side by side in blogger posts

All of us are in continue search for something new, we all look for methods that could increase our income from the AdSense. As a result we are looking for tutorials on how to integrate this Google ads in our posts better and with good result. A good example for that is including AdSense codes side by side in our blogger posts. More about that you will find in today's article.




So i want to show you how to get the same effect as in the image above and set two AdSense units side by side.

First log in to your Google AdSense acoount and generate the codes, in this image i used 250x250 ad size. You of course can change to your desired one, but maintain the sizes to a square.

After you done that go to your Blog, Design -> Edit HTML -> Check the Expand box.
Important: If you want to show your ads above the post then post your adsense code above this line

<data:post.body/>

If you want to show it below like in the image, paste the Adsense Code below it!

Now in order to make it align side by side you use this line:

<table width="520" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="250" style="padding: 5px;" align="center">


Ad script for ad block 1

</td>
<td width="250" style="padding: 5px;" align="center">

Ad script for ad block 2


</td>
</tr>
</table>

The AdSense codes can be seen only if you convert it, because if pasted directly into HTML template it will not be displayed properly. For that use the tool below:






At this point you Ads will appear on your blog, but they will be seen on your main home page too. If you want them to be shown only inside your posts use this lines:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table width="520" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="250" style="padding: 5px;" align="center">


Ad script for ad block 1

</td>
<td width="250" style="padding: 5px;" align="center">

Ad script for ad block 2


</td>
</tr>
</table>

</b:if>

And that's it! At this point you are done and your ads should appear on your blog aligned side by side! Hope this tutorial helped you.

Please comment and subscribe for more tutorials!
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!

Read more

3 comments:

  1. Thank you Chris very nice guide. Solved my problem

    ReplyDelete
  2. This is great thank You so much! it helped me set my adsense codes.

    ReplyDelete