Add Blocker for Blogger
Uses of Anti Adblocker Script
- This Anti Adblocker Script was Prevent your Earnings
- Easy way to block the Adblocker Extention on the web browser.
- Hide all your website during adblockers blocks the ads
How to Install Anti Adblocker Script for Blogger Step by Step
Step#2: Go to Theme Section and Click the Drop Dropdown Menu then Select the "Edit HTML" option
Step#3: Now Find the </style> Tag or ]]></b:skin> Tag and Copy the Below CSS Codes Paste above on </style> or ]]></b:skin> Tag.
popSc{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;padding:20px;background:#f3f5fe;display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:#fff;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:30px}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.darkMode .popSc{background:#1f1f1f}
.darkMode .popSc .popBo{background:#2c2d31}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo h2{color:#fefefe}
Step#4: Next, Find the </body> Tag and Copy the Below HTML code, and Paste the Above on the </body> Tag.
<div class='popSc hidden' id='antiAdBlock'>
<div class='popBo'>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
<circle cx='12' cy='12' r='10'/>
<line x1='12' x2='12' y1='8' y2='12'/>
<line x1='12' x2='12.01' y1='16' y2='16'/>
</svg>
<h2>Ad-Blocker Detected!</h2>
<p>Sorry, we detected that you have activated Ad-Blocker.<br/>Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.<br/>Thank you!</p>
</div>
</div>
Step#5: Next, Copy the below Javascript and paste also above on </body> Tag.
<script>/*<![CDATA[*/ /* Anti Ad-Blocker Script (Lazyload) */ var lazyAnti=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyAnti||0!=document.body.scrollTop&&!1===lazyAnti)&&(!function(){var antiAdBlock=document.querySelector("#antiAdBlock");var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";e.onerror=function(){if(antiAdBlock!=null){antiAdBlock.classList.remove("hidden");window.lazyAnti=!0}};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyAnti=!0)},!0); /*]]>*/</script>
Step#6: Click the Save Button and Save all Changes.
Now your Anti Adblocker Script for Blogger Script Installation was Successfully Finished.
Thats All..!
Last Remarks
All adblockers on browsers were eliminated by this anti-adblocker script. Therefore, those using the Adblocker addon are unable to see material from your blog. Use this blogger script that blocks adblockers to boost your blog's advertising revenue.
