How to install Adblock Killer / Detector in Blogger Or WordPess

How to install Adblock Killer / Detector in Blogger Or WordPess

How to install Adblock Killer / Detector in Blogger
How to install Adblock Killer / Detector in Blogger


For most of the bloggers, entrepreneurs and content writers showing ads on their websites is the only way for them to earn some money.

But ads take very long to load that's why most of the users install Adblock extensions in there browsers to avoid displaying ads and decreasing the page load time which affects the earnings of website owners.


In this article, we are going to solve this problem for blogger users. In this article, I am going to tell you how you can install Adblock Killer or Adblock detector in the blogger blog you can also use the same technique to install this Adblock killer in WordPress.

Advantages of Adblock killer:

Adblock killer has countable advantages like it helps us to increase our revenue by displaying ads because forces any person on your site to disable Adblock extension, but the disadvantages are more than advantages.

Disadvantages of Adblock killer:

If you have installed Adblock killer in your blogger or WordPress site you will see in your Analytics that you will be getting a higher bounce back rate. Most of the people come to your site and when they see a popup to disable their ad blocker they simply go back instead of disabling Adblock extension.

It also affects your page visits and your website visits in some cases.




There are still many advantages and disadvantages of the AD-block killer but we are not going to discuss that in this article we are going to discuss how we can install Adblock killer in bloggers or in WordPress.




I am going to provide you the steps to install Adblock Killer in bloggers you can also follow these steps to install this Adblock killer in WordPress.


  • Steps to install Adblock killer in blogger:
  • Go to Blogger Dashboard
  • Go to Theme/Template Section
  • Click Edit HTML
  • Now Search for </head>
To search </head> in the blogger template section press Ctrl+F and then type the term to search and press enter.

  • Copy the code provided below and paste it just above the </head> tag. 

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

  • Save Theme/Template 

You are done!


After installing this Adblock killer in your blogger blog simply you have to save your template or theme and now you have to go and visit your website by enabling your ad blocker extension.

When you will visit your website if your Adblock extension is ON you will see a friendly popup that will ask you to disable that Adblock extension in order to view that webpage.

Conclusion:

In this article, we have learned how to install Adblock killer in blogger if you have any question for any query you can leave your comments below I am here to help you.

But before leaving your feedback in the comment section please do subscribe to the newsletters of this blog to get daily updates of all new upcoming articles.

Main Article From:

Previous Post
Next Post

post written by:

I am a web designer and developer. Sharing knowledge is my passion and web designing is my interest but it is not bigger than my interest in Islam.

0 Comments: