How To Make Adsense Show After Posts On Blogger Mobile View

Earlier, I shared a tutorial on how to add Adsense ad below post titles on Blogger mobile templates. In this tutorial, I am sharing with you, how to add Adsense ads after each blog post on the mobile view of your Blogspot blog.

Readers of your blog posts are more likely to click on ads after reading
your post. Hence, I recommend you add an ad unit right after each post.

Ads added below each post on the desktop view of your Blogger blog won't
show by default on the mobile view. You have to enable "custom" mobile
template and add the ad code to the HTML of the Blogger mobile template.

Below is a 300x250 Adsense ad showing after my blog post on the mobile view of  OgbongeBlog:

Adsense under blog post

Let's get started 

==> Log in to to generate the Adsense code for the ad unit you want to add to the mobile view. eg 300x250 Medium Rectangle ad size.

Now, we need to parse the ad code.

==> Go to
==> Copy and paste your ad code inside the box and click the "Encode" button
==> Copy and paste the code somewhere eg in a notepad

==> Ensure you have enabled CUSTOM Blogger mobile template. If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.

==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.

==> So, back up your template and go to "Template" > "Edit HTML"

==> Click inside the HTML and use CTRL F to find the code below:

<b:if cond='data:top.showMobileShare'>

==> Directly above it, paste the parsed Adsense code.

Save your template.

View one of your blog
posts on mobile view using default browser of your mobile device (NOT
Opera Mini) and you should see the ad after each blog post on POST pages
(Not on the homepage).

NBYou can place any ad code there be it AdDynamo, Infolink, ad etc If you also want to add share buttons to your Blogger mobile template, you can also paste the codes of the buttons there.

You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.

Try it and let me know if it works for you.

PLEASE, Share this with your friends.

Questions? Contributions? Kindly relay them via comments.

Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View

Click here to like our Facebook Page and here to join our Telegram Channel for more free unlimited Internet tricks and tutorials.

About Azeeztech We provide solutions to your device (phones, laptops, tablets etc) related problems with Freenet and Mobile Stock Rom.
Newer Posts Newer Posts Older Posts Older Posts

More posts


Post a comment