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

Last Updated: August 29, 2016
36

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.

36 COMMENTS

  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.

    Regards
    Tauseef Alam

    • Hadharm Hiidee

      Hi Tauseef, am glad the post is useful for you and as well solved solved visibility of ads on your blog.
      Don't forget to Subscribe for more updates to your mail.

  3. Simson

    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

    • I can see that you have not activated the mobile version of your blog template. Do that as have stated in this post.

  4. Hi, Thank you!

    Do this work only for adsense or this applies to other ad networks?

  5. 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?

    • Probably you might have added it by mistake just check the codes well and find the x.

  6. 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?

        • The tips can't work on default blogger template. So when you try another blogger template which have custom mobile version then it would work.

          • This have been tested as many times as possible on different templates. I think you put the code in the wrong place that is why it is showing error. Carefully check the post again and locate the correct location to place it.

  7. 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???

  8. Thank you! you are a blog' saver. You have no idea how long I've been struggling to accomplish this! Thanks

    • Hi Precy, I am glad and happy this tutorial works for you. Will be happy to see you around again for more blogging tips.

  9. Thanks for the post. I was looking for this kind of article, & i'm glad I landed on here. Thanks again.

  10. 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.

  11. hey nice article about Adsense, it helps alot captcha typing sites

  12. Vimukthi

    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

    • It seems there's a conversion when you copied the code. Delete all " and ' in the code. And type it manually.

  13. Interesting post. It worked perfectly on my site

  14. You put your hard time and effort to come out with nice piece which is useful for me. You deserve my thumb up.

  15. How to put ad code below the content or by the end of content in blogger?

    • Hi Saimon, for below content the code in post and your parse adsense should be place just after the <div class='post-body entry-content'>
      Hope this helps

LEAVE A REPLY