How Does Adblock Work

Ad blockers are browser extensions or plugins that prevent advertisements from appearing on webpages. You may have observed blank areas on certain webpages if you have installed ad blockers as a user. Ads were supposed to be displayed in these empty spots. However, your adblocker has now blocked them, leaving you with blank pages.

AdBlock uses filter rules to determine what to block, conceal, and allow to show on the web pages you visit (in the case of allowlisted sites). Every HTTP (web page) request is compared to the filter lists you've subscribed to, as well as any custom filters you've set. The request is blocked and the resource is not downloaded if the URL (web address) of the request matches one of the filters.
Using data:image/png; to encode an image is a standard means of displaying advertising. This technique does not send a standard HTTP request.

As soon as a page loads in the browser, the adblocker kicks in. Assume a user's browser has an ad blocker installed. He's surfing the web and creates an ad-supported web page. This is when an ad blocker's job begins. The ad blocker searches the website for scripts in a matter of seconds. These scripts are then matched to a database of advertising scripts. The ad blocker will prevent any of the website scripts from being displayed if they match the ad scripts.

so, You may be generating a lot of money by displaying advertisements on your website. However, if ad blockers were not used, you could make even more money. adblock will really kill your earnings, here is a solution for you to add Anti-Ad Blockers to Blogger Blogs 2021 and Detect Ad Blockers

How To Disable Adblocker In Blogger 2021

There are some simple steps you need to do in order to enable anti adblocker for your blogger blog

Head to your blogger settings Dashboard
Go To Theme Tab
click on edit HTML
add this script right after <head> tag

<style type='text/css'> /* Animation */ @keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}} /* Say Hi to Adblock */ #arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s} #arlinablock .header{margin:0 0 15px 0} #arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s} #arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s} #arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none} #arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none} #arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px} #arlinablock .fixblock div{display:none} #arlinablock .fixblock div.active{display:block} #arlinablock ol{margin-left:20px} @media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}} </style> <script type='text/javascript'> //<![CDATA[ // Say Hi to Adblock function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; //]]> </script>
Now Save your HTML Code and try to enter with adblocker
You will see disable adblocker panel opened up