Powerful Anti Ad Blocker For Blogger - How to Block Anti Ad Blocker

 Are you annoyed 😠 of getting down your revenue because of Ad Blockers. So this article is for you.

So hello 🤗 blogger, how are you I hope you all are doing good 😊. So today article is all about How to Install Anti Ad Blocker for Blogger and script for Powerful Anti Ad Blocker for Blogger.

This is a new script and it is very effective and easy to install for blogger blogs. So before starting the process you must know about Ad Blocker and Anti Ad Blocker.

Let's talk about Ad Blocker.

Ad Blocker is a browser and extension available on internet to block the ads which we use in our blogs for revenue. People use adblocker to block the annoyed ads and isntall Ad Blocker for there browser.

Now What is Anti Ad Blocker.

So in the above statement as we know that adblocker block the ads. Just like that the Anti Ad Blocker block the adblocker and don't let the user view the page without turning off the adblocker.

Steps to install the Anti Ad Blocker code in your blogger theme.

So viewers now follow the below given steps carefully

Before adding any code to you theme, please take a backup of your theme for your blog safety and to restore easily.

Step 1

1. Login to your Blogger dashboard.
2. Then move to themes section.
3. Then click on Edit HTML.
4. Now search for </style> tag.
5. Now copy the below given CSS codes and paste it above the </style> tag.

/* Adblock CSS by Nexozed */
#nexozedadBlock::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#nexozedadBlock::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:15px}#nexozedadBlock::-webkit-scrollbar-track{background-color:transparent}#nexozedadBlock::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}#nexozedadBlock{background:rgba(34,47,62,.67);display:none;width:100%;height:100%;position:fixed;top:0;left:0;transition:all .25s ease-in-out;z-index:9999999;overflow:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#nexozedadBlock .header{margin:10px 0 20px 0;position:relative;top:initial;left:initial}#nexozedadBlock .header h2{color:#222;font-size:1.8rem;font-family:var(--title-font);font-weight:600}#nexozedadBlock .inner{background:#fff;display:block;margin:auto auto;width:calc(100% - 20px);max-width:500px;overflow:hidden;transition:all .3s ease-in-out;border-radius:7px;padding:20px;box-shadow:0 0 2rem -1rem rgba(0,0,0,.5);text-align:center;animation:flipInX 1s}#nexozedadBlock svg{width:20%;height:20%}#nexozedadBlock svg path{fill:#dc143c}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

Step 2

1. Now search for </body> tag.
2. Now Copy the below code and javascript and add it just before the </body > tag.

<div id='nexozedadBlock'>
<div class='inner'>
<div class='header'>
<p><span style="color: #000;"><b>Ad-Blocker Detected :(</b><br/><br />Sorry, we detected that you have activated Ad-Blocker.<br /><br />Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.<br /><br />Please Disable your Ad-Blocker and Refresh the page to view the site content.<br />Thank you!</span></p>
</div>
</div>
</div>

<script type='text/javascript'>
//<![CDATA[
!function(){let e=document.getElementsByClassName("middleAds")[0];if(e){let t=document.querySelectorAll(".post-body br, .post-body p"),n=parseInt(t.length/2);"P"==t[n].nodeName?t[n].parentNode.insertBefore(e,t[n]):t[n].parentNode.insertBefore(e,t[n].nextSibling)}}();
var lazyadblock=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadblock||0!=document.body.scrollTop&&!1===lazyadblock)&&(function(){var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",o.onerror=function(){$("#nexozedadBlock").appendTo("body"),$("#nexozedadBlock").css({display:"flex"}),document.body.style.overflow="hidden",window.adblock=!0};var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(o,e)}(),lazyadblock=!0)},!0);
//]]>
</script>

After all this steps Don't forgot to save the theme. And now check your blog by using Ad Blocker. The below message type dialogue box will appear.

Anti Ad-Blocker will appear only if you have enable Ad-Blocker in your browser.

Demo

Anti Ad Blocker not working after installing codes

Follow the below steps if Ads are still blocked after installing the anti ad blocker.

1. Open your Bloggger dashboard.
2. Now head to theme section.
3. Then click on edit html.
4. Then search for </head> tag.
5. Now copy the below codes and paste it just before the </head> tag.

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>

Now click on save theme. Now you have successfully installed the Anti Ad Blocker in your blog.

Conclusion

So in this blog we have discussed about Powerful Anti Ad Blocker and How to install it in our blogger blog. I hope you like it and if you have any questions or queries please comment below and contact us.

Reference :
Nexozed

Ad-Blocker Detected :(

Sorry, we detected that you have activated Ad-Blocker.

Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.

Please Disable your Ad-Blocker and Refresh the page to view the site content.
Thank you!

Go to Link