Tuesday, February 14, 2017

How To Place Adsense Ads Below Post Body in Blogger Mobile View

Google Adsense is like the winning trophy of every blogger both old and new. Just like bet9ja's slogan, Google Adsense is the reward for passion to every blogger out there. But being a blogger isn't an easy job and getting Adsense approval isn't the end race. Because just like a computer being an idiot machine, Google Adsense is of no use to you if you don't put it to work, and no matter how much revenue it can generate for you in a day, it is useless if you don't put it to work.

How To Place Adsense Ads Below or after Post Body in Blogger Mobile View

But placing Adsense codes inside your blog isn't always a walk in the park, especially making those ads to appear on mobile devices without disabling your template mobile view completely. So in this article, you ill learn how to place your Adsense ads in mobile view, after your posts. This is the simplest, so we will start from simplest to the more complex ones. 

How To Place Adsense Ads Below Posts on Blogger Mobile View

1.    Sign in to your Adsense Account

2.    Generate a new Ad code, under Ad size, select 300x250 which is the last recommended ad size. (for best results, I recommend you create the ad code before now so that it will already be active before you apply it)

3.    Use Google Adsense Code Converter to parse the Ad code you generated 

4.    Then set your blog's mobile template to Custom and then Click on Edit HTML

5.    Press Ctrl + F to open the find  button and then paste and find this code <b:if cond='data:top.showMobileShare'>

6. Once you locate the code, paste your Parsed Adsense code directly above the code and then save your template.

7.   View your blog from a mobile device and you will see your ads displaying after your posts.

Please note that if you paste your Ad code as instructed directly above this code <b:if cond='data:top.showMobileShare'>, Your ads will be displaying on the left-hand side below your posts. So if you want to centralize the ads, then you add your ad codes with this format:
                                                  <div align='center'> 
                                                  Your Parsed Adsense Code

Below is a screenshot of how your Ad will look like afterward (one 300 by250 ad and then one 200 by 90 link ad)
How To Place Adsense Ads Below or after Post Body in Blogger Mobile View

Finally, in some cases, while trying to save your template, you will get an error message, just make sure you followed all the right steps listed above. But if the error persists, just replace the beginning of your Ad with <script async='async' src= then save. Let me know if you encounter any challenges(s). 

If You Enjoyed this Post, Kindly take 5 Seconds and Share it With Your Friends on

1 comment:

***We ❤ to hear from you, Tell us Your views and opinion. Please note that comments are always moderated, Abusive comments won't be approved, and spammy comments are deleted automatically