Whenever you create your website in Worldpress or in Blogger, you install Google AdSense or its alternatives and the biggest loss is when someone installs ad Blocker in their browser and after that, your hard work is wasted.
Here you will imagine that after I added WordPress and Blogger, none of my ads are showing here and you think that we are not earning, there is no traffic, if the traffic is coming, then Also we are not getting it from CPC this is the biggest reason.
In wordpress for blogger we get a lot of plugins but in blogger there is nothing that we can save our website. That's why in this post I will tell you how you can add the anti-ad blocker detector inside the blogger website. Adding it is very easy, just follow the steps given below.
Step 1: Go to the blogger dashboard.
Step 2: Take backup the blogger theme.
Step 3: Copy the below code.
Anti-Adblock Detector Killer Script for Blogger
<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>
Step 4: Go to the theme section, click customize edit html option.
Step 5: Paste this code in the closing head tag </head> below area.
Step 6: Click the save button.
I hope if you have followed all the above steps correctly then you will have added anti adblock detector in blogger. Even after this if you have any problem then you can comment below.
Post a Comment