How to add In-feed ad in Blogger, Increase Earnings

In feed ads visible someone scroll the website feed, it can be placed in between the post feeds to engage the visitors with ads. This will help generating high CTR, CPC and use engagements.

Setup In-feed Ad or any custom Ads on the Blogger website.


Adsense Introduce two New Types of Ads these are InArticle and In-feed Native Ads. These are introduced to boost earning of Adsense Publisher. In the Blogger blog feed, the In-feed native ads will be visible. An In-Article ad can be displayed in the middle of the post. You can learn how you can set-up in-article ads in every Blogger post.

In this tutorial, we’ll talk about how to setup in-feed ads in the Blogger blog feed. Read this complete article and understand how you can do that and how to use it. Let’s understand.

In-feed ads placement Blogger Blog
In-feed ads placement Blogger Blog

Setup the feed ads for Blogger blog.

Step.1: Create an In-feed Native ad from your Adsense account. That can be done by selecting,

  • My Ads
  • New Ad Unit
  • Native In-feed Ad
  • Choose a layout accordingly.

After generating a Code for the In-feed Ad Unit, Copy that ad code and paste it into notepad.

Step.2: Now Prase your Adsense code click here to Parse your code.

Step.3: Open Your Blogger Account and Go to Theme. And Select Edit HTML.

Step.4: In Edit HTML page search showinlineads,

  • Change the value of 'showinlineads' to 'true'

Now search postsPerAd

  • Change the value of 'postsPerAd' to '4'

Note: in value of postsPerAd you can place any value instead of 1 or 4 i.e. after how many posts feed you want to show ads, according to post displayed on the webpage.


Before editing your theme codes, the code will be look like.

<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ff5b4d</b:widget-setting> 
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>

After makes changes in your theme code

<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>4</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ff5b4d</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>

Step.5: Now find the tag <data:adcode/> or <data:this.adCode/> and replace that with your Adsense parse code (See Step 2, and Parse your Adsense code).

For the detailed explanation please watch our step to step video guide.

Save the theme. Now you’ve done it.

If you’re facing any issue or facing any problem, please comment below. I’ll help you to solve your problem.

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

Related Articles


Leave a Reply

Back to top button