How to Add Ads below Post Title on Blogger Mobile View

As already known that Adsense is now the best choice of bloggers to monetize their blogs because it is a contextual-based ad that shows relevance 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 the 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 the post title. It is just because we wanted to increase Click Through Rate (CTR). But you should not rely on what others 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 Ads below post titles on the mobile version of blogger blogs.
MUST-READ: How to improve your Blog/Websites SEO
Have seen many comments and information from people about not showing 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 the 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 a problem in showing ads below the 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 templates exactly the 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‘.

MUST-READ: How to 99% Secure Your Adsense Account from Banning

- Advertisement -

Adding Adsense Code Below Post Title on Blogger Blogs

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.

<div id=”pheadads”>insert your ads code</div>
5. Replace insert your ads code with 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 the blog Post Title on your mobile view.

- Advertisement -

48 COMMENTS

Cindy Dy April 22, 2015 At 8:22 am

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!

- Hadharm Hiidee April 22, 2015 At 1:03 pm
  
  Hi Cindy, thanks for forwarding and adding a comment
  
  - Wes Feliciano June 12, 2015 At 10:57 am
    
    do i need to convert the code. ads is still not showing in desktop and mobile view. thanks
    
    - Hadharm Hiidee June 12, 2015 At 11:12 am
      
      You can parse the code here==> http://html-to-xml-parser.blogspot.com/2012/12/online-html-to-xml-parser-blogger.html
      let us know if you need any help regarding this.
      
Tauseef Alam April 25, 2015 At 6:18 pm

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 April 25, 2015 At 7:48 pm
  
  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.
  
Simson July 6, 2015 At 9:51 am

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

- Hadharm Hiidee July 9, 2015 At 6:58 am
  
  Yes it is possible
  
vijay August 14, 2015 At 8:52 pm

I have try the given instruction but did not work for me. Can you plz help me……..Blog url : http://www.articlemirror.in/

thanks,
Vijay Saklani

- Hadharm Hiidee August 14, 2015 At 9:24 pm
  
  I can see that you have not activated the mobile version of your blog template. Do that as have stated in this post.
  
Tamil Arasan October 22, 2015 At 11:16 am

Hi, Thank you!

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

- Hadharm Hiidee October 22, 2015 At 11:43 am
  
  Hi Tamil,
  All other ad networks also applies.
  Have a nice day.
  
Vinayak SP January 5, 2016 At 9:18 am

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?

- Hadharm Hiidee January 5, 2016 At 9:44 am
  
  Probably you might have added it by mistake just check the codes well and find the x.
  
Johnny Bigfoot January 11, 2016 At 8:12 pm

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?

- Hadharm Hiidee January 12, 2016 At 5:28 am
  
  It is advisable you should try a different Blogger template.
  
  - Johnny Bigfoot January 13, 2016 At 5:22 pm
    
    Ok, I am using a default simple template now.
    
    - Hadharm Hiidee January 13, 2016 At 5:31 pm
      
      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.
      
      - Jean January 14, 2016 At 12:25 am
        
        It didn’t work for me. It has been showing error.
        
        http://www.thejanesroom.com
      - Hadharm Hiidee January 14, 2016 At 4:47 am
        
        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.
Hadharm Hiidee January 13, 2016 At 2:59 pm

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

precy June 18, 2016 At 4:44 pm

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

- Hadharm Hiidee June 18, 2016 At 6:31 pm
  
  Hi Precy, I am glad and happy this tutorial works for you. Will be happy to see you around again for more blogging tips.
  
Appu July 2, 2016 At 3:41 pm

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

- Hadharm Hiidee July 2, 2016 At 9:22 pm
  
  You always welcome Dear Appu.
  
Rajat July 7, 2016 At 11:21 am

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.

sam August 10, 2016 At 8:08 pm

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

Vimukthi August 26, 2016 At 10:06 am

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

- Hadharm Hiidee August 26, 2016 At 2:06 pm
  
  It seems there’s a conversion when you copied the code. Delete all ” and ‘ in the code. And type it manually.
  
damy August 29, 2016 At 8:19 am

lemme try this out…i hope it works

Wizy September 1, 2016 At 11:11 pm

Interesting post. It worked perfectly on my site

Odegua iruekpen November 23, 2016 At 6:01 pm

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

Saimon November 26, 2016 At 5:21 pm

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

- Hiidee November 26, 2016 At 5:30 pm
  
  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
  
  - Saimon November 27, 2016 At 1:06 pm
    
    Hello Hiidee, Just after the what?
    
    - Hiidee November 27, 2016 At 2:14 pm
      
      Reply updated. Sorry for the inconvenience.
      
King January 11, 2017 At 6:41 pm

I done all step successfully but stil ads are not showing in my blog below post title plzz help
http://www.mylifemyrule.com

- Hiidee January 11, 2017 At 9:03 pm
  
  Hi King, Please look carefully into the article once more and make sure you have done the necessary things and if you are still unable to figure it out. Send a copy of your template to [email protected] and I will look into it.
  
Ally February 15, 2017 At 6:13 am

Great post. I think this is important post especially for people owing a blogger blog.

Sooraj March 30, 2017 At 4:25 pm

Can we add media.net ads on blogger templates please reply ?

- Hiidee March 31, 2017 At 1:13 am
  
  Yes, you can.
  
John April 10, 2017 At 5:09 pm

Great post. Thanks for sharing a nice tutorial with us

Rangpuri August 28, 2017 At 2:14 am

How to add other ads network ads?

- Hiidee August 28, 2017 At 10:13 am
  
  The method also works for other ads network.
  
Amrita August 30, 2017 At 11:29 am

Excellent article.its very intresting and very helpful for me and others

JL BTC PTC September 22, 2017 At 4:29 pm

Thanks for good helpful post.
I think many new blogger don’t know how to post ad.
This post help them.

Isabella Jane July 12, 2018 At 4:02 pm

Thank you so much l, I was looking for a way to add codes below my article for a while now. Thank you very much the assistance.

Eve November 13, 2018 At 2:26 pm

i have a default template and it doesnt work in my case. ((( I put it all according to the instruction. ((((