How To Make Adsense Show After Post title 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 Tricksense
Let's get started
==> Log in to www.google.com/adsense 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 http://www.freehtmlparser.blogspot.com/
==> 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:
==> 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).
NB: You can place any ad code there be it AdDynamo, Infolink, media.net 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.
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 Tricksense
==> Log in to www.google.com/adsense 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 http://www.freehtmlparser.blogspot.com/
==> 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).
NB: You can place any ad code there be it AdDynamo, Infolink, media.net 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.
