Spider Blogging - The Ultimate Blogging Solution

Home
Blogger

[Updated] How to Install Latest Powerful Anti - Adblock (Adblock Killer) Script For Blogger

How to Install Latest Powerful Anti - Adblock (Adblock Killer) Script For Blogger

 Hi Guys , Today in this post I have Shared a Powerful anti-adblock script for your blog, It's not the old Arlina Code, Its a New Anti-Adblock Script , Which will work on each and every browser available in the world.



What is Adblocker?

Adblock is an extension on a browser or application to remove advertisements on a site, as we know that advertisements on the blog sometimes annoy visitors, therefore internet users start using the Adblock extension .

What is Anti - Adblock Script?

As Adblocker Blocks ads , Anti- Adblocker makes users forcely to remove adblock to access site, By Using this users can't acess your site by enabling Adblock.

Why to use Anti- Adblock Script?

If users visit your site with adblock, they won't see any ads in site , if ads not showed , your adsense revnue will be down, so to get rid from this you have to use this script, It will work on every adblock browsers.

Also Read : How to add Animated Logo in Blogger: Step-by-Step Beginner's Guide

How to add this code in our theme?

Just Follow the steps and it will suits all theme so you can use it easily

Step 1

  1. Login to your Blogger Dashboard Account
  2. Go To Edit HTML and add this CSS
  3. or before </head>



<style>#adblockbyspider{backdrop-filter: blur(5px);background:rgba(0,0,0,0.25);padding:20px 19px;border:1px solid #ebeced;border-radius:10px;color:#ebeced;overflow:hidden;position:fixed;margin:auto;left:10;right:10;top:0;width:100%;height:100%;overflow:auto;z-index:999999}#adblockbyspider .inner{background:#f5f2f2;color:#000;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;margin:80px auto}#adblockbyspider button{padding:10px 20px;border:0;background:#e9e9e9;margin:20px;box-shadow:0 5px 10px rgba(0,0,0,0.3);cursor:pointer;transition:all .2s}#adblockbyspider button.active{background:#fff}#adblockbyspider .tutorial{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#adblockbyspider .tutorial div{display:none}#adblockbyspider .tutorial div.active{display:block}#adblockbyspider ol{margin-left:20px}@media(max-width:680px){#adblockbyspider .inner{width:calc(100% - 80px);margin:auto}}
</style>

Step 2:

    1. Add below code at the end of your theme i.e before closing of </body> tag
    
<script src='https://cdn.jsdelivr.net/gh/RockBlogger/Anti-AdBlocker@main/2.0/code.min.js'/>

           2.Now Click on Save the Theme


    It will look like :



    Live Demo
    Remember to use any AdBlock browsers like brave , You can't see this on Chrome Because Chrome doesn't have any adblockers


    Chanelog :

    1.0 
          - Rewritten the Whole Code
          - User Friendly UI 
          - Working on all Browers

    2.0 
          - Removed Credit
          - Fixed Some Bugs
          - Works Perfectly on Wordpress and Blogger
         



    That's it. Now No One Can Access site with Adblockers.

    Hope you have made it perfectly, If not then comment your issue below....