Pages


September 12, 2015

Add Adsense Below Post Title of Mobile Blogger Templates



In my recent post I talked about a google dsense tutorial that shows you how to put affiliate or Adsense advert in the middle of blogger post.

Today I’m showing you how I am able to add Adsense ad inside blog posts of Blogger mobile templates, directly below post titles. I came across this question on google adsense forum and think I should let my fans know the solution.

I've recently customized the mobile view of Delsublog in such a way that I now have an Adsense 320x50 mobile banner been displayed under post titles as well as an Adsense 200x90 link ad unit been displayed at the end of each post on the mobile view.


Simply follow me through the below steps.

==> 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 320x50 mobile banner.

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:includable id='mobile-post' var='post'>

==> Once you find the code, scroll down gently till you see the code below:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

==> Paste your parsed Adsense code directly below the code above.

Save your template.

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


NBYou can place any ad code there be it Infolink, media.net ad and other google adsense alternatives etc.

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.

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

Enjoy##

What’s your say on this?

Kindly let us know via the comment box below.

Make sure you Subscribe Now to our feed so you won’t miss our next post.

Please don’t just read alone, LIKE and SHARE this with your friends via the like and share buttons.





Buy Emma a drink with PAYPAL if you like this post.

Like Our Facebook Page:

2 comments:

Usoro Akpan said...

thanks a lot

George Emmanuel said...

Thanks for letting us know it worked for you.

Post a Comment

Use The Box Below to Drop your Comment and Don't Spam


Want Us To Send Latest Updates To Your eMail Inbox?
Click Here

Go To Top Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.