How to Add anti Adblock script into your blog and boost adsense earning

we blogger do very hard and we write blog and apply for adsense approval but our some of the visitors use anti blocker to block ads on our websites which really decrease our earning but by using some of the method we can restricted our sites from without ads it means by using Anti ads blocker on our sites.

What is Ad-blocker ?
it is a sytem in  which if our visitors use ad blocker and as we know we make money by showing ads on our blog, so they block this ads by the using this widget script you can stop your websites surfing without ads.


Features of this widget
here are some features of this widgets are listed below.
Light
Fully Responsive
High Accuracy
Analytics Tracking ready
Free
Great Design and many more

where and how can I install this script ?
you can install this script on any platform(Blogger, WordPress, Joomla, etc.)


How to install this script on blogger ?
to install this script on blogger, follow the given steps

step 1:go to your blogger dashboard >theme > Edit HTML and find </Body> by pressing crtl+f  and paste the given code below before the </Body>  tag.

CODE HERE

<!--BlogAntiAdblock--> <style type="text/css"> @media only screen and (max-width: 1100px) { .blogantiadblockbox {position: fixed!important;} .blogantiadblocktext {max-width: 95%!important} .blogantiadblockrefresh {width: 70%!important;} .blogantiadblockimage {display: none!important;} .blogantiadblockhead {font-size: 25px!important;} .blogantiadblocktext {font-size: 20px!important;} .blogantiadblockfooter {font-size: 20px!important;} .blogantiadblockrefresh {font-size: 25px!important;} } @media only screen and (max-height: 530px) { .blogantiadblockbox {position: fixed!important;} .blogantiadblocktext {max-width: 95%!important} .blogantiadblockrefresh {width: 70%!important;} .blogantiadblockimage {display: none!important;} .blogantiadblockhead {font-size: 25px!important;} .blogantiadblocktext {font-size: 20px!important;} .blogantiadblockfooter {font-size: 20px!important;} .blogantiadblockrefresh {font-size: 25px!important;} } .blogantiadblockbox {display: none;position: fixed;top: 0;left: 0;background: #F00000;background: -webkit-linear-gradient(to right, #DC281E, #F00000);background: linear-gradient(to right, #DC281E, #F00000);width: 100%;height: 100%;z-index: 99999999999999999999999;text-align: center;color: #fff;font-family: Indie Flower;} .blogantiadblockbox .blogantiadblockimage {max-width: 180px;height: auto;margin-top: 25px;margin-right: -4%;} .blogantiadblockbox .blogantiadblockclose {color: #fff;text-decoration: none;float: right;border-bottom-left-radius: 8px; padding-bottom: 3px!important; padding: 10px;background: rgba(0,0,0,0.4);} .blogantiadblockbox .blogantiadblockclose img {width: 17px;height: auto;transition: .3s;} .blogantiadblockbox .blogantiadblockclose:hover img {transform: rotate(90deg);-webkit-transform: rotate(90deg);} .blogantiadblockbox .blogantiadblockhead {font-size: 48px;margin-top: 15px;} .blogantiadblockbox .blogantiadblocktext {font-size: 30px;margin-top: 10px;} .blogantiadblockbox .blogantiadblockrefresh {width: 50%;padding: 10px;background: rgba(0,0,0,0.4);border-radius: 8px;font-size: 30px;margin-top: 35px;cursor: pointer;transition: .3s;} .blogantiadblockbox .blogantiadblockrefresh:hover {background: rgba(0,0,0,0.7);} .blogantiadblockbox .blogantiadblockfooter {position: fixed;bottom: 0;background: rgba(0,0,0,0.4);padding-top: 5px;padding-bottom: 5px;width: 100%;font-size: 25px;} .blogantiadblockbox .blogantiadblockfooter a {text-decoration: none;color: #fff;} </style> <div class="blogantiadblockbox" id="blogantiadblockbox"> <a href="#!" class="blogantiadblockclose" id="blogantiadblockclose" onclick="blogantiadblockclosefn();" title="Close"><img src="https://s8.postimg.org/jblmqtz11/close.png"></img></a> <center> <div class='blogantiadblockcontents'> <center> <img src="https://s8.postimg.org/ozrxhpg85/adblock.png" class="blogantiadblockimage"></img></center> <div class="blogantiadblockhead"> ADBLOCKER DETECTED</div> <center> <div class="blogantiadblocktext"> It looks like you're using an ad blocker. That's okay. Who doesn't?<br></br>But without advertising-income, we can't keep making this site awesome.<br></br>Please disable your ad blocker and then reload the page to continue enjoying our site.</div> </center> <center> <div class="blogantiadblockrefresh" onclick="location.reload();"> Reload Page</div> </center> <div class="blogantiadblockfooter"> Powered By - <a href="https://shoutmeindian.blogspot.com/2018/06/how-to-add-anti-adblock-script-into.html " target="_blank" title="BlogAntiAdblock : The Best Anti Adblock Widget!">BlogAntiAdblock</a></div> </div> </center> <script type="text/javascript"> var blogantiadblockclose = false; // var blogantiadblockdelay = 1000; // BlogAntiAdblock Delay (1 sec = 1000) function blogantiadblock() { // Callback If Adblocker Is Enabled setTimeout(function(){ document.getElementById("blogantiadblockbox").style.display = "block"; if (blogantiadblockclose != true) { document.getElementById("blogantiadblockclose").style.display = "none"; } }, blogantiadblockdelay); } function blogantiadblockclosefn() { // Callback For Close Button Click document.getElementById("blogantiadblockbox").style.display = "none"; } function blogantiadblocksuccess() { // Callback If Adblocker Is Disabled } </script> <script defer type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="blogantiadblock();" onload="blogantiadblocksuccess();"></script> <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet"></link> </div> <!--Ends-->.
code credit to Nitishk Gupta

CUSTOMIZATION

Replace the https://s8.postimg.org/ozrxhpg85/adblock.png with your own png.
find 'ADBLOCKER DETECTED' and replace with your own title.
and the remaining setting by your own.