How to Add Anti-Adblock Script to Your Blogger Site

Blogging is a great way to engage with your audience, but if you use Blogger for your blog and don't use an ad blocker, you may have noticed a gap.

The spaces are due to the AdBlock script used by Blogger. This script prevents ads from showing on your blog and prevents other scripts from running on your blog.

Empty rooms are not the best way to welcome visitors. However, this is a very common problem, especially among bloggers who use Blogger.

If you have an ad blocker installed in your browser, your blog post content may be blank when you view it in Blogger. This is because Blogger website contains ads and if you have an ad blocker installed on your browser, it will block all ads including Blogger ads.

What is anti adblocker script?

An ad blocker script is a script that detects who is using an ad blocker while browsing your website. Control your traffic with Adblocker and your website will be unavailable. If they disable the ad blocker, they can access your website and it is very important that you use it to increase your sales. And in this article, we will talk about how to install an anti-blocking script on your Blogger site. And your site will automatically detect Adblocker with Adblock detection script.

Why do people use Ad-Blockers?

There are many reasons why people use ad blockers. The first is that you feel that your browsing experience is interrupted by ads. Another reason is that you don't want to be tracked by ads as it can lead to a loss of privacy.

The third reason is that ads slow down your internet speed. This can be frustrating as many people use the internet for business and leisure purposes.

Why do you need to use Anti adblocker on your website?

If a user uses an ad blocker and visits your website, they will not see AdSense or other advertising. In this case, no income will be generated. This is the only reason blogger sites should use antiblocks. This killer ad blocker script will help you make more money from advertising services.

How to install Anti adblocker script on blogger?

Follow these steps to add an ad blocker script to your Blogger site.

1. First go to your blogger website dashboard.
2. Now go to the Themes option from the menu.
3. Now from the Customize drop-down menu press on the Edit HTML.(If you are unfamiliar with this method, edit the parent topic. We recommend creating a backup of your theme.)
4. Now Press of CTRL+F and search </head> tag.
5. Now copy the anti ad-blocker HTML code from the below box.

6. <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)}4JUdGzvrMFDWrUUwY3toJATSeNwjn54LkCnKBPRzDuhzi5vSepHfUckJNxRL2gjkNrSqtCoRUrEDAgRwsQvVCjZbRyFTLRNyDmT1a1boZVtransform: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 past the whole anti adblocker HTML code after the </head> tag.
7. This is the last step of setup anti adblocker script on the blogger theme. Now save the theme.

Improved the ad blocker setting to protect against blogs. You can try it yourself by visiting your website with the Adblocker plugin. A pop-up will tell you that you are using an ad blocker, please turn off the ad blocker and refresh the page. 

If you like our advertising blogger script method, please share this post with your blogger friend and share it with blogger community. Don't forget to join our Telegram group.

Related tag: anti adblock script for blogger, sites with anti adblock, anti AdBlock javascript,anti adblock blocker, anti adblock killer 2022, Adblock detection scirpt