Show Mobile Navigation
,

Add Scrolling Adsense Feature When Scroll Down at Page

Hemant Verma - 7:13 PM

As last we said about some Adsense Placing Space like RIGHT, LEFT, CENTER in the blogger but this tutorial is very different be'coz you can make scroll your ads when you scroll down the page and it will show at the bottom of the page. This widget is made by using the JavaScript codes and some little CSS codes which will give a certain good look to your adsense and feel it like a pro. but as we feel that codes are highly sensitive so you can only customize the CSS part and Scrolling effect but from myside I made smoothing scrolling as much as I can. Rest is depend on you.






Read Also- Adsense Unit Placing Pack

4. Add Scrolling Adsense Feature When Scroll Down at Page




Disclaimer:- This Widget Could be against Adsense Policy. So, Add it on your own risk



Add Scrolling Ad Units

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it. 

<div id='BeH-Fixed'>
Place Your Adsense Codes Here
    </div>


<script>
window.onload = function() {

  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // Most browsers
      return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
      // IE in standards mode
      return d.scrollTop;
    }

    // IE in quirks mode
    return document.body.scrollTop;
  }

  window.onscroll = function() {
    var box = document.getElementById('BeH-Fixed'),
        scroll = getScrollTop();

    if (scroll <= 2509) {
      box.style.top = "2510px";
    }
    else {
      box.style.top = (scroll + 1) + "px";
    }
  };

}
 </script>
<style>
#BeH-Fixed {

  position: absolute;
  z-index:9999;
}
</style>

  • Save Your Widget and You are done.


Make Changes....!

  • Replace Place Your Adsense Codes Here it with your Adsense OR Chitika Codes.



If Any Problem Comes, Ask in Comments


16 comments:

  1. @ admin

    Looking nice bt having some little bit of doubt that is this widget is adsense supportive?

    ReplyDelete
  2. @Anonymous Yes this is fully adsense supportive as we use chitika ads in demo but first of fall we already checked it Google Adsense and it works. So, Don't Worry and Use it.


    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. @Hemant Verma@ Hemant

    Thnkx for info, now my doubt is clear.

    ReplyDelete
  5. @AnonymousHappy to see that your doubt is clear.

    Stay Tune with Us

    ReplyDelete
  6. @Sheikh ArsLan AfzaL Yes you are right, if you want to perform same action with it, then you may paste FB, G+, Twitter widget codes in it and It'll be play same like it.

    ReplyDelete
  7. thank you thank you its working good

    ReplyDelete
  8. Its nice but i think its against the google adsense policy. if google notice this they ll disable your adsense account.

    Regard:-
    www.NewBloggerTips.com

    ReplyDelete
  9. @Ashu InsanCould be but add it on your own risk.

    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  10. @Anonymousbro this is against policy of adsense your ads could be banned and your earnings would be 0. So, I will not recommend you to do this.

    ReplyDelete
  11. @Desi HungamaWhen you will scroll down at the bottom then you will see it's animation and effect.

    ReplyDelete
  12. @AnonymousThese ads are from the admaya.in these use their own scripts which we can't copy and use in the adsense so if u want to add like that then go to admaya.in and create your account and paste on your site then it will be your solution.

    ReplyDelete
  13. not working this script i applied left side of my blog sapinterviewshelp.blogspot.in but its not doing any affect

    ReplyDelete
  14. this way of showing ads is not available to all publishers, it is considered a violation except with an exceptional approval from adsense like a premium publisher e.g : 9gag.com

    ReplyDelete
  15. its not work for me plz help me bro on this id


    www.facebook.com/zakhmiiidil

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS