• Admin
  • Receive an Update


    Add Adsense Below Post Title of Mobile Blogger Templates




    I've customized the mobile view of OgbongeBlog in such a way that I now have an Adsense 320x50 mobile banner been displayed under post titles as well as an Adsense 250x250 ad unit been displayed at the end of each post on the mobile view.



    Besides that, I created an extra section above the header region and right there, I can also add an Adsense mobile banner or a non-adsense 320x50 banner. In this tutorial, I'm sharing with you how to add Adsense ad inside blog posts of Blogger mobile templates, directly below post titles.



    Just follow me through the steps.



    ==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 320x50 mobile banner.



    Now, we need to parse the ad code.



    ==> Go to http://www.freehtmlparser.blogspot.com/

    ==> Copy and paste your ad code inside the box and click the "Encode" button

    ==> Copy and paste the code somewhere eg in a notepad



    ==> Ensure you have enabled CUSTOM Blogger mobile template.



    If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.



    ==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.



    ==> So, back up your template and go to "Template" > "Edit HTML"



    ==> Click inside the HTML and use CTRL F to find the code below:






    <b:includable id='mobile-post' var='post'>




    ==> Once you find the code, scroll down gently till you see the code below:




    <div class='post-body entry-content'
    expr:id='&quot;post-body-&quot; + data:post.id'
    itemprop='articleBody'>



    ==> Paste your parsed Adsense code directly below the code above.



    Save your template.



    View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad below the post title on POST pages (Not on the homepage).









    NBYou can place any ad code there be it AdDynamo, Infolink, media.net ad etc



    You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.



    Try it and let me know if it works for you.



    PLEASE, Share this with your friends.



    Questions? Contributions? Kindly relay them via comments.



    Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View


    Send me a message on Messenger if you need my help.



    More Articles

    ADSENSE BEFORE RELATED POST HERE

    2 comments - Post Yours! How to? ▼
    PLEASE NOTE:
    Commenting rules:
  • Spamming/promotional links are not allowed in comments
  • Questions related to this post should be posted here, not Fb
  • I respond to comments in less than 5mins
  • How to style text in comments:
    • To write a bold letter please use or .
    • To write an italic letter please use or .
    • To write an underline letter please use .
    • To write a strikethrought letter please use .
    • To write HTML code, please use or
      or
      .
      And use parse tool below to easy get the style.

    1. This is absolute cool been having issues on this blog
      https://tipsrush.com

      ReplyDelete
      Replies
      1. Cool blog Pablo you could actually try this Trick

        Delete

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more

    Get notified on FB