How To Easily Display Adsense ads After Post title On Blogger Mobile View

Adsense Ad on mobile view convert alot than that of desktop view in a situation where most of your visitor are viewing you blog from their  smartphone. On this blog i have inserted google adsense ads below the post title of this blog mobile view.

On some template you don't need to add any special adsense code for the mobile view but if it is the template on blogger you are using and not a third part template you will have to add you adsenses separately to the mobile view. This is what i will be show on this blog. Kindly follow the steps below.

Okay Let Go

==>First Go to to your adsense account and generate the adsense code size you want to add on blogger mobile view
==>Visit http://www.blogcrowds.com/resources/parse_html.php  to parse the code
==>Paste your adsense code in the box and click on Parse
==>Copy the parse code into a notepad or microsoft word


Now you will Need to enable Custom blogger mobile template on mobile view for this to work.
 To do so, kindly follow the steps below

==>Log in to your blog at blogger.com
==>Click on template at the Bottom left corner

==>Click on the Gear icon below Mobile

==>Select  "Yes. Show mobile template on mobile devices."
==>Then Under "Choose mobile template" Select CUSTOM from the drop down box and save the settings

Now Under Template
==>Click on Edit HTML

==>Now Click inside the html template
==>And Press CTRL F( A search Box will display at the upper right hand corner)

==>Paste the code below inside the search box and click on enter on your keyboard to find the code

div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>

==> Paste your Parse adsense code immediately after the code

==> And Save The template

If you would like to customize the position of your adsense on your blog you can use the below code

<br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div class='adformobile ' style='text-align:center;'>
PASTE PARSED CODE HERE
 </div>
</b:if>
 <br/>

==> With the above code you can change text-align to left, right or center
==> View your Blog on mobile to see if it work
==>You can easily do that on your Pc by Adding ?m=1 at the end of the post url
==>Kindly let me know if it works for you
==>Please Share with your friends

And if there is any comment, kindly drop it below inside the comment box

RECOMMEND: How to add facebook like, facebook share, Twitter Tweet, Google plus and Pinterest Button On Blogger

Like our Facebook Page and also Follow us on Twitter and also Click Here to subscribe to this blog for you not to miss the next update

FacebookTwitterGoogle+PinterestWhatsApp