Breaking News:

latest

How to Add Ads Below Post Title on Blogger Mobile View

Hello and welcome to GetWebInfo. Here on this post you will learn about that how can you add ads below post title on Blogger Mobile View. As...

Hello and welcome to GetWebInfo. Here on this post you will learn about that how can you 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 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.




Here on this post i would be introducing to you how you can add Google AdSense Ads below post titles on Mobile view of blogger blogs.

If you are using a Responsive Blogger Template then you can turn off the mobile template of your blog by:

Go to Blogger Dashboard > Template> and then click setting button icon below Mobile view.

A Dialog box open just choose No show Desktop template on mobile devices, this method also show in under picture.


If you don't use a responsive template and do not want to tun 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 Device was clicked and saved. You need to make the desktop and mobile template exactly same to your blogger

For Doing these steps just Go to Blogger Dashboard> Template> Click the setting button under"Mobile"> select "Yes. Show Mobile template on mobile Devices"> Select Custom from the Drop down menu below the 'Choose Mobile Template> and then click on Save Button. 


Adding AdSense Code Below Post Title on Blogger Blogs

Step 01: Go to Blogger Dashboard> Template> Click Edit HTML

Step 02: This time in the template editor look for <b:includable id='mobile-post'var='post'> and Expand.

Step 03: 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'>. Just put one of this code to your blogger template search box and press enter.

Step 04: Now if you found <div class='post-header-line-1'> past ads code below the code.

Step 05: Just Copy this below code and past it where you want to show Google AdSense Ads shown.

<b:if cond='data:blog.pageType == "item"'><div id='pheadads'>insert your ads code</div></b:if>

Step 06: Replace Insert your Ads code by your ads codes from AdSense or other providers.

Step 07: Now just Click Save Your Template

Now you can all don, Just visit your blog by mobile device and checked it's working fine or not. Hope this article is really helpful for you.

No comments