How to install Anti Adblock Script on Blogger

anti adblock script in blogger

Are you looking for an Anti Adblock script for your blogger blog?

In this article, I will share with you the best Anti Adblock script for Blogger and WordPress websites. Just follow the below steps for smooth installation.

Most internet users are using some sort of Adblock extension in their browser to block ads on YouTube and other websites. It will impact the earnings of site owners who solely rely on Adsense earnings.

What is an adblocker?

An Anti Adblock Script is a piece of code that can be installed on a website or blog to detect when visitors are using ad blockers and prompt them to disable the ad blocker or whitelist the website. The script ensures that the website owner can continue to earn revenue from displaying ads, which is crucial for many bloggers and website owners.

Why do people use Adblocker?

People use Adblocker for various reasons such as to protect their privacy, protect them from malvertising, Save bandwidth, Better user experience, etc.

How does Adblocker affect your AdSense income?

If a user uses Adblocker on his browser then there will be no ads shown to him and as a result, no impression or click is generated from that user’s visit to your website. If Adblocker is enabled then it will block all of your ads including all the custom banner ads from Amazon or other affiliate programs.

So, to counter the AdBlock extension many popular websites like news websites are now using ads blocker killer scripts for their website.

If this anti-adblock script is enabled on your website then it will not allow the user to read the contents until the adblocker is disabled. It will show a warning pop-up as shown below screenshot to that users to turn off the ad blocker.

anti adblock script on blogger

It also gives instructions on how to disable adblocker for that particular website. After disabling the adblocker user has to reload the page to view the full contents. In this way, you can protect your websites from adblockers.

Now you have an idea about how the adblocker huts your overall income.

How to install an anti-Adblock script in Blogger?

To install the anti-Adblock script you have to follow the below steps carefully. Make sure to take a backup of your theme before following these steps as a precaution.

Step-1: Login to your blogger dashboard and click on the theme section.

Step-2: Then click on the “Edit HTML” section to open HTML Editor.

Anti Adblock script installation in blogger

Step-3: Press Ctrl + F to open the search bar and find the code </head>

Anti Adblock script installation in blogger html section

Step-4: paste the Anti Adblocker script just after the </head> tag and save the code.

Now you have completed the installation of an Anti Adblock script on the blogger website.šŸ‘

Download the Anti Adblock script or copy it from here šŸ‘‡

<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>

if you face any problem you can directly ask in the telegram group or comment below the post.

Video Guide

You can also check this video for the complete step-by-step guide.šŸ‘‡

YouTube video

If you are not using any spammy ads or popups then you should use the Anti-adblocker script to stop the ad blocker from blocking your ads.Ā 

If you want to use this Anti-adblock code on Wordpress then paste the code in the header.php section of your theme editor. 

Conclusion

In conclusion, an Anti Adblock Script is a crucial tool for bloggers to ensure they can continue to generate revenue from advertising. By detecting when visitors are using ad blockers and prompting them to disable the ad blocker or whitelist the website, bloggers can ensure that their hard work is not going to waste. 

If you are providing some value to your readers then it is your right to ask your reader to pause adblock on your website. Now no one can read your blog until the Adblock is paused. 

By following these steps, bloggers can ensure that their website is generating the revenue they need to keep their work going.

Read also: How to enable Lazy loading on the Blogger website.

Leave a Reply

Your email address will not be published. Required fields are marked *

31 Comments

  1. I tried this method and it was working perfectly for PC. But in some android devices, this popup appeared again and again though the AdBlock was not used in android devices. Can you help me to solve that problem?

  2. In Android device some browsers like Brave & Edge have inbuilt Adblockers thats why this is showing this.
    You need to whitelist the website to stop showing this warning.

    Can you tell me is this happening in chrome (Android)?

  3. Hi there

    I have this running on my blog, Several people have messaged me to tell me that it still comes up that hey are running adblocker when they have actually whitelisted my site

    Where should I look for a problem about this?

    TY in advance

  4. Hey, this anti adblocker script working perfectly and it will still show if a user white list a website once and not set the always.

    And also check if they using multi adblocker extensions..

  5. Yes thank you it does work, but I noticed that Firefox esp has a problem with it – maybe you could add to the notation on it about whitelisting the page?

  6. I haven't tried it yet. But I have something to ask you. I opened your site on brave and it runs without showing any ads. Does that mean you haven't installed the anti-adblock onto this site?

  7. Bruh …That affects the speed so much. before my speed was 94 & 96 and after it came down to 20 & 31.
    I think thats the reason your also not using adblocker šŸ™‚

  8. Hi!
    Any anti-adblocker causes my blogger posts appear just as black squares in the homepage.
    Im pretty sure I make all steps in the right way. I have a ultra clean blogger template as I started another blog to try everything carefully, and in fact this problem only occurs just after adding any anti-adblocker that I found in the web.