Wednesday, February 6, 2013

How to Enable and Add Adsense on Blogger Front Page Between the Posts

To use Adsens on Blogger (Blogspot) blog is easy- Blogger has build-in support for Adsense, that means, you can apply, enable and add Adsense just from one place- the dashboard of your Blog, without touching the Adsense codes.

The Blogger build-in feature can add Adsense to following places on blogger:
  • sidebar
  • between posts on the front page
  • below single post

If you'd like to add Adsense inside the post, in header, footer, or at the bottom of the page, you have to add the Adsense codes manually to a gadget or the template's HTML.

To use the build-in Adsense feature in Blogger, first you need to enable it. Here's how.

Step 1. Enable Adsense for Blogger

If you do not have a Adsense account yet, please check my previous post "How to Get Adsense Application Approved by Google ?"

If your Adsense account has not been approved yet, let's wait until approved.

If you have a approved Adsense account:

1. From the dashboard, click on Earning-> Get Start, as in following screenshot:

(screenshot) Earning tab in Blogger dashboard
(screenshot) Earning tab in Blogger dashboard

2. You see a window pop-up as in following screenshot:

  • If your Adsense account and the blog are under the same Google account, then at the left-side window, click on "Link Adsense Account" to confirm. I assume you are using this option.
  • If your Adsense account is under a different Google account with your blog, you fill in the form at the right-hand side, to link to that Adsense account.
3. You now see following screen:
(screenshot) Enable Adsense on Blogger
(screenshot) Enable Adsense on Blogger
  • For option 2, make sure you choose Yes for "Show ads on blog"
  • For option 3: choose "display ads in my sidebar and posts", if that what you want. Other 2 choices are "sidebar only" and "posts only"
  • (option 4) if your Adsense account is in a different Google account than your blog, then click on "switch adsense account" to link to another Adsense account
Then, make sure to click on the orange Save Settings button at the top-right corner to save your settings.

Once saved, Adsense has been enabled on your Blogger blog.

Step 2: Add Adsense between posts on front page

If you'd like to add ads between posts on front page of your blogger blog:

1. Start from the dashboard of your blog, click on Layout, then in the "Blog Posts" section, click on "Edit", as in following screenshot:

(screenshot) Edit Post Settings in Blogger
(screenshot) Edit Post Settings in Blogger
 2. You will see a  screen pop-up, scroll down, until you see following screen:

(1) Check on "Show ads between posts", you will see all above options showing
(2) Choose how frequent you'd like to show ads, every post, every 2 posts, or...
(3) What size of ads do you like to show? Size in pixel.
(4) What type of ads do you like to show? "Text only", or "Text and image"
(5) What color do you want to use? you can change the font color and background color
(6) Automatic preview. It shows you how the ads will be looked like.

Once you are satisfy with the settings, make sure to click on Save button at the bottom-left corner of the page ! (it's not on the above screenshot)


Go back to your blog now, you will see the ads:
  • showing in between the posts on front page
  • and, ad under the single post
Good luck !

More ref.

 If you find above article helpful, you may also like the following one:

How to Add Adsense Codes Manually into Blogger (blogspot) blog


  1. Hi Mark, I found it very informative and help full. But I want some thing different means I have blog and I have already added two ads to my blog one is in left sidebar and other is in right. what I need is to embed only one ad bellow/after my 2nd post. Plz help me how to do this ?? MI id:

    1. HI Babu,

      You can do the same as in my post by choosing "Show after every 2 posts". Adsense will be able to detect other 2 ad units automatically and only display one ad unit after your 2nd posts.

      Good luck !

  2. I am trying desperately to figure out how to manually put adsense ads in, without using the "show ads between posts" in blogger because using that there is no way to track the ads. What I want to do is insert the adsense code into the html and have it show up for 3 posts between posts just like the "show ads between posts" in blogger does, but manually - so I can track the earnings better with the manual code insertion.

    I see that code can manually be inserted in the posts themselves in the html, and between posts, however the problem is when it shows up between the posts using manual code it shows up fine below the first 3 posts, but then after that there is a huge space between posts where the ad is not showing up after the 3rd one. Is there a way to insert adsense code into the html so it shows up for the first 3 posts, but then doesn't make a space for the rest. Basically I want to be able to do what blogger does (put ads between posts) but manually.

  3. good tutorial man.. but i like something difference.. i want to add adsense between post and can be seen only on my homepage?