Wednesday, October 13, 2010

How to Insert Google Adsense in a Single Post


Even wonder how you can put your adsense ads on your post? Okay, here are the instructions on how you can make an Google Adsense Ad in your post. First thing you will do is:

  1. Back-up your blog's theme. Backup and Restore Blog Theme. Do this just in case you make some mistakes and you accidentally deleted some codes in your blog's theme.
  2. Now, locate this line:
    <div class='post-body entry-content'>
  3. If you find the statement, put the Google Adsense code below but before you can do that you must make it compatible to blogger's code. Click here to make adsense code - Blogger Compatible Code.
  4. Copy the converted codes and paste it below the code above.
  5. You can add the following line to make it float whereever you want it.
    <div style='float: left; padding-right: 15px; '>
  6. Just change the float value to whichever direction desired (eg. right or left or center).
  7. Now you have an Adsense in a post, congratulations. But wait, if you have a maximum of 10 posts on the default page - you'll see 10 adsense ad as well. So you might want to make it on a single post view.
  8. To make the adsense appear on a single post only, you must add this value:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!--adsense code here -->
    </b:if>
  9. Now, it should look like this:
    <div class='post-body entry-content'>
    <!-- adsense on a single post -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float: left; padding-right: 15px; '>
    <!--adsense code here -->
    </div>
    </b:if>
    By the way, this is only applicable to Blogger and is not advisable to Wordpress blogs.
Noel Ablon Web Developer

I am Noel Ablon. A father of two wonderful kids. A loving husband to a wondeful wife. A Bible believing Christian. A web developer / graphics artist / programmer or a fullstack web developer.

7 comments:

  1. i'll followed one by one but i'm not successful don't see any ad:(

    ReplyDelete
  2. I really want to do this for my food blog.. kaloka... hirap akong intindihin...lol... thanks for this I need to study it... sigh..

    ReplyDelete
  3. @workingathome - if you have setup the google adsense ads then it won't appear yet. Wait until it is around 10 minutes.

    @venus - Okay I'll try to be more specific tomorrow and post an example of my html view.

    ReplyDelete
  4. Matagal ko nang gustong malaman paano ito gawin on blogger. Thanks for sharing this.

    ReplyDelete
  5. Helpful tips:
    Remove the Adsense from the bottom pages of your site and put them at the top. Do not try to hide your Adsense. Put them in the place where people can see them quickly. You will be amazed how the difference between Adsense locations can make when you see your earnings.If you have not linked your Google AdSense account to your Google Analytics account you are missing a lot of opportunities to increase your own Google AdSense revenue.

    ReplyDelete
  6. @chinchin - hope you'll be successful in integrating your adsense as well.

    @Dan.Eliot - thanks for the tip. Yes, you are right, it is a waste of space to put the adsense below your site. It is a good thing that I have integrated my adsense, adwords and analytics - it is the best thing ever. thanks for visiting.

    ReplyDelete
  7. ayun nadali! haha wala naman spam kasi may word verification naman =)

    ReplyDelete