As we know that many gadget users, both laptops and smart phones, have used extensions or browsers to block ads on our blog.
it's certainly natural that sometimes there are indeed many sites that have ads such as pop ups or banners that interfere with the appearance of the user, but if our blog feels neat from ads that can damage the appearance it doesn't seem like it will bother our blog readers.
So how do you install an Adblock killer script on a blog to notify visitors to turn off Adblock first if they want to see our articles or sites, here's how:
How to Install Adblock Killer Script on Blog
- As usual all you do is open your blog
- Select Theme > Edit HTML
- Search Code </head> Search Code </head> or </head><!--<head/>--> and paste the code below right above the code:
/* 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>
- Then look for the code </body> or <!--</body>--></body> and paste the code below and place it above the code:
<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>
- Click Save and see your test blog now.
Now that the blog has the latest version of the Adblock Killer script installed, and visitors who are still adamant not to turn off their Adblock, the blog will continue to be invisible to them.
Enough articles about how to install adblock killer script on blogger. If this method helps you, please share it on your social media to build this site so that it can provide useful information. Thank you.