Creating Notifications To Users AdBlocker Adsense

Advertising is one way for blog writers to gain income in the blog, of course revenue gained to extend the hosting / domain on the blog

Unfortunately, many users of blogs, too much use ads on his blog, what more ad layout was not irregular and very disturbing for the visitors, there again, the blogs were very pushy pengungung it so that his ads can be clicked, with pop up ads pop up on the page of his blog, what else there is no close button when the pop up ads to appear, it was very disturbing

the use of excessive advertising on blogs, also did well on the blog itself, because it is very disturbing for the visitors of the blog

for that, we need to make a notification to the user AdBlocker to turn AdBlocker on our blog, who knows the ads that appear indeed content searchable visitors. We need to explain that we do not advertise excessively or trapping visitors to click on ads, therefore we ask for his willingness to visitors to turn off AdBlocker on our blog for ads on the blog we do not bother them.

Well this time we will put up a notification to the user AdBlocker to Adsense ads to enter our blog into Adblock whitelist them.

When a visitor uses AdBlocker, then the Adsense ads do not appear automatically. If Adsense ads do not appear then AdBlocker notification will appear at the bottom of the blog as in the image below.

Interested to try it? follow the way below

place the code below the above code</head>

<style>
#keep-ads {
  background: #1C90F3;
  color: #fff;
  padding: 10px 20px;
  position: fixed;
  bottom: -150px;
  left: 0;
  opacity: 0;
  font-size: 100%;
  line-height: 1.5em;
  transition: all .3s;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000
}

#keep-ads p {
  margin: 0!important
}

#keep-ads a {
  padding: 0 6px 2px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid transparent
}

#keep-ads.show {
  pointer-events: auto;
  opacity: 1;
  bottom: 0
}

.close-keep-ads {
  position: absolute;
  top: 1px;
  right: 4px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700
}
</style>

then place the code below in the above code </body>

<div id='keep-ads'>
  <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
  <p>This is <a href='URL PAGE HOW TO WHITELIST' target='_blank' title='how to whitelisting'>how to whitelisting</a> this blog in your ad blocker.</p>
  <p>Thank you!</p>
  <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

please change its text to your liking, change to Whitelist PAGE URL with your own url, example of its pages like this so this tutorial !

Source - http://www.kompiajaib.com/