Updated: How to Add Ads below Post Title on Blogger Mobile View

Last Updated: August 29, 2016

As already known that Adsense is now the best choice of bloggers to monetize their blogs because it is a contextual based ad which shows relevant to the content. For you to increase the ad revenue, you should try adding the recommended ads on your blog to get maximum output from advertisement programs. You might have observed an ad below post title in most of the big blogger blogs as also shown here.
You would have been wondering why we prefer to put ads below post title.
It is just because we wanted to increase Click Through Rate (CTR). But you should not rely on what other follows. You should keep trying to add Adsense at various locations to check which spot works best for you.
Have already search for how this can be done, seen some replies on google which doesn’t work out. Later on I found out the solution and wish like sharing how I got it done.
Recently, I shared How to Add Adsense Ads below Post Title on Blogger PC View but Today, I would be introducing to you how you can add Google Adsense Ad below post titles on mobile version of blogger blogs.
Have seen many comments and information from people about not showing of Adsense Ads below post title on Blogger Mobile View. I searched and finally here with the best solution.

If you are using a Responsive Blogger Template then you can turn off the mobile template of your blog by:
– Going to Blogger Dashboard > Template > and then click Setting button icon (gear icon) below Mobile.
– A dialog box open up, just choose No Show desktop template on mobile devices
If you do not use a responsive template and do not want to turn off the mobile template, you may have problem in showing ads below post title in the mobile view of Blogger.

Yes. Show mobile template on mobile devices was clicked and saved. You need to make the desktop and mobile template exactly same for your blog. For doing that; go to  Blogger dashboard > Template > click the settings button under ‘Mobile’ > select “Yes. Show mobile template on mobile devices” > select ‘Custom‘ from the drop-down menu below the ‘Choose mobile template‘ > click ‘save‘.

Adding Adsense Code Below Post Title on Blogger

1.  Go to Blogger Dashboard > Template > Click ‘Edit HTML’.
2. This time in the template editor look for <b:includable id=’mobile-post’ var=’post’> and expand.

 3. Now look for <div class=’post-header-line-1′> or <div class=’post-body entry-content’ ….> or <div class=’post-body entry-content’ or <div class=’post-header-line-1′

4.  Now if you found  <div class=’post-header-line-1′>  Paste ads code below the code found but if <div class=’post-header-line-1′ look for where the code ends with > and paste the ads code below. If your template have either <div class=’post-body entry-content’ ….> or <div class=’post-body entry-content’ just add the ads code before the code.

5.     Replace  insert your ads code by your ads codes from AdSense or other providers.

6.     Click ‘Save template’.
Visit your blog with a smartphone or mobile phone and you should see the Ads just below blog Post Title on your mobile view.

Previous articleInteresting!!! You Can Now Tweets while you are Offline on Twitter, Check out How To
Next articleInfinix Zero X506 vs Tecno L7 – Best Comparison and Price Review
Ogunrinola Adam Hiidee is an Enthusiast Tech. Blogger and a Civil Engineering student. I like surfing through the Internet and gains a lot from this by increasing my knowledge. You can connect with me and I would love to have you connected.


  1. Couldn't be written any better. Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thanks for sharing!

  2. Hi Hadharm Hiidee,

    I was worried why ads are not showing up on my blogger blog (Mobile View). Now I implemented the changes as mentioned above and now Ads started showing up. Thanks for the informative article.

    You really has an informative blog.

    Tauseef Alam

  3. Very nice article, I was searching for it all over.

    I need to put multiple ads in the mobile version of blogger.

    Like in the middle of the post or at the end of the post before the comment section.

    Is that possible? Can you tell me if it is

  4. Thanks for the info. I successfully added a mobile=’yes’ tag to a sidebar widget which now appears at the bottom of my mobile view. I just did!and it’s displaying on mobile. i don’t have to pay anyone to do it for me!yaaaay!! However, the symbol “x” now appears under the pages tab (above the main text) on all of my blog pages. Any idea where that comes from or how to get rid of it?

  5. I use blogger simple template and this doesn’t work. If I use “custom mobile template” it does work but the header is too big and the screen has too much extra room. Should I try a different blogger template?

  6. You don’t need to add the code, it would be there already. Some other tags might be inclusive which didn’t allow you to notice it. Are you using a premium blogger template or one of the default blogger templates???

  7. Good Day I Am So Happy I Found Your Website, I
    Found You By Mistake, While I Was Searching On Aol For
    Something Else, Anyhow I Am Here Now And Would Just Like To Say Many Thanks For
    A Remarkable Post And An All Round Entertaining Blog
    I Don’t Have Time To Read It, All At The Moment But I Have BookMarked It
    And Also Added In Your RSS Feeds, So When I Have Time I Will Be Back To Read More,
    Please Do Keep Up The Fantastic Job.

  8. hey when i going save there are showing a error “Open quote is expected for attribute “cond” associated with an element type “b:if””
    what is the meaning of this ?
    Thank you