How to Install Adblock Killer Code on Blogspot

Before starting further discussion, I will discuss first, what is adblock ? adblock is an extension installed in the browser that is useful for blocking advertisements on the websites they visit.

As you know, maybe not all internet users like ads, so they use this method to kill advertisements on websites.

However, this has turned around with blogger users, where if a lot of visitors use adblock, the income of the blogger will decrease or there may not be any.

Therefore, on this occasion I will give a tutorial on how to keep visitors from entering the website that we have, and provide notifications to those who want to disable adblock.

How to Install Adblock Killer Code on Blogger

Open the blogger dashboard, select settings & choose a theme, then select edit theme. If it has entered HTML view, click CTRL + F to bring up the search field. 

In the search field, look for the code </head>. Copy the CSS code below and save it directly above </head>.

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

Then look for the code </body> in the search field.

Copy the CSS code below and paste it directly above the </body> 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>

Next, you just click save template and see the results. Or you can try using adblock and try to enter your own site, there will be notifications like this.

See You Later

Keyword : How to Install Adblock Killer Code on Blogger, How to forbid blog visitors to use adblock, How to prevent adblock users from entering blogger websites, adblock killer, Adblock killer css code, how to prevent blog sites from being visited by adblock users, How to give notification to adblock users, How to give adblock users a warning, Don't use anti-virus

Share :