How to install Anti Adblock script on blogger – YesTech
Hello Dear, today I am going to provide you with the Anti Adblocker Script for Blogspot.
If any user of your blog uses adblocker, the ads will be not shown to that user. That will impact your earnings. If you use anti adblocker on your website the anti adblocker script will show a pop saying “Please disable the adblocker to use this website”.
What Is An Adblocker ?
Adblocker is a product or a program augmentation to eliminate or change web-based promoting in an internet browser or an application.
What Is Anti Adblocker ?
The anti-adblock tool enables website owners to show ads, even if a user has an adblock tool enabled. This allows publishers to recover advertising revenue that would otherwise be lost due to adblock.
How To Install Anti Adblocker On Blogger ?
Step 1: Go to your blogger dashboard.
Step 2: Click on the Theme Options.
Step 3: Click to Down Arrow Edit Html View
Copy the adblocker scripts ⇓
/* Posted By YesTech */
<style type='text/css'>
@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:#2D7DF1;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/[email protected]/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: Paste the above Anti Adsblocker scripts just after the </body> tag and save the code
Now , successfully install the anti Adblock script on the blogger website
