By God NiaDzgn
The highest award is when our website can become a publisher of Google Adsense. How not, so many websites are trying to register their blogs to Google Adsense but have not been approved for certain reasons.
How about you who have been accepted by an Adsense account but some things make your income not as expected. After checking the impression here, it turns out that the cause is that some of your visitors are using Adblockers, whether it's ordinary Adblock or Adblock plus which ultimately makes Adsense ads not appear when opening your blog.
Then how to solve this problem. You need a script that warns visitors to turn off Adblock. This script will later force visitors to turn off the block ads function because they cannot display the articles they want to read. This type of script is quite clever, isn't it, so I highly recommend installing this on your blog. Please follow the instructions below
How to Install Anti Adblock on Blogger [Blogspot]
In this tutorial, I will share 2 different styles for installing Anti AdBlock. It's up to you later to choose which style you think is suitable to be attached to the block.
The First Way to Install Anti Adblock
Because this anti-AdBlock function is already equipped with a google AdSense script, then please delete all these codes
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Don't worry, because removing the code above will not affect the condition of the ads that appear on your blog if you continue to follow this tutorial. Unless otherwise, don't try to remove the code. Know the reason why? Because the script that we will use later in this anti-AdBlock tutorial has the code installed. Then it would be a waste to keep it installed.
If you have deleted all the codes in your Adsense account, please follow the steps for installing Adblock below.
1. Copy and paste the following CSS file right above </head> or <!--</head>--></head>
<style>
/* NIADZGN ANTI ADS BLOCK */
@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);}}
#webblock{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;}
#webblock .header{margin:0 0 15px 0;}
#webblock .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;}
#webblock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s;}
#webblock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none;}
#webblock button.active,#webblock button:hover.active{background:#fff;color:#222;outline:none;}
#webblock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px;}
#webblock .fixblock div{display:none;}
#webblock .fixblock div.active{display:block;}
#webblock ol{margin-left:20px;}
@media(max-width:768px){#webblock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px;}}
</style>2. Add the following code before </body> or <!--</body>--></body>
<script type='text/javascript'>
//<![CDATA[
// Say No to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://raw.githack.com/NiaDzgn/Blogger/main/webblock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>3. Save the template.
4. Done. Now try to test the blog on a browser with the Adblock extension installed. Congratulations you already have an anti-adblocker on your block
The Second Way of Installing Anti Adblock Blogspot
For this second Adblock style, it will look similar to the image below:
For the second tutorial, here's how to install it:
1. Similar to the first method, please delete this script in your AdSense script
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
2. Once deleted, please enter the following CSS code above </head> or <!--</head>--></head>
<style>
/* Anti AdBlock By niadzgn.com */
#niadzgnAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
#niadzgnAdBlock svg {width:100px; height:100px}
#niadzgnAdBlock svg path {fill:#fff}
#niadzgnAdBlock a{color:#ffe88b;} #niadzgnAdBlock a:hover{color:#ffe88b;text-decoration:underline}
#niadzgnAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:niadzgnWobble .5s; -moz-animation: niadzgnWobble .5s; -webkit-animation:niadzgnWobble .5s; -o-animation:niadzgnWobble .5s}
#niadzgnAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#niadzgnAdBlock .isiAds h4, #niadzgnAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
#niadzgnAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
#niadzgnAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
#niadzgnAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
@keyframes niadzgnWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes niadzgnWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes niadzgnWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
</style>
3. Next, add the following JavaScript code before </body> or <!--</body>--></body>
<script> //<![CDATA[
/* Anti AdBlock niadzgn.com */
(function niadzgnAdBlock() {
var judulAd = 'Turn Off AdBlock', /* Title */
notifAd = 'To keep NiaDzgn's blog running, turn off AdBlock or add this blog to the whitelist.<br/>Thank You.'; /* Contents of writing. The new line is replaced with <br/> */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('K c=["\\g\\v\\o\\m\\r\\n","\\v\\o\\d\\h\\n\\d\\X\\s\\d\\L\\d\\p\\n","\\n\\C\\r\\d","\\n\\d\\Y\\n\\t\\M\\h\\A\\h\\g\\v\\o\\m\\r\\n","\\g\\o\\v","\\t\\t\\r\\h\\x\\d\\h\\i\\u\\e\\x\\l\\l\\x\\s\\d\\g\\C\\p\\i\\m\\v\\h\\n\\m\\l\\p\\e\\v\\l\\L\\t\\r\\h\\x\\d\\h\\i\\t\\M\\g\\t\\h\\i\\g\\F\\C\\x\\l\\l\\x\\s\\d\\e\\M\\g","\\h\\g\\C\\p\\v","\\l\\p\\d\\o\\o\\l\\o","\\i\\m\\A","\\m\\i","\\i\\d\\R\\h\\r\\s\\l\\S\\m\\g\\D\\i\\N\\s\\l\\v\\S","\\m\\p\\p\\d\\o\\G\\Z\\O\\H","\\y\\i\\m\\A\\j\\v\\s\\h\\g\\g\\P\\B\\m\\g\\m\\D\\i\\g\\B\\z\\y\\g\\r\\h\\p\\j\\v\\s\\h\\g\\g\\P\\B\\M\\1a\\i\\1a\\s\\B\\z","\\y\\t\\g\\r\\h\\p\\z\\y\\F\\o\\t\\z\\y\\g\\A\\x\\j\\A\\m\\d\\R\\N\\l\\Y\\P\\B\\w\\j\\w\\j\\u\\T\\j\\u\\T\\B\\z\\y\\r\\h\\n\\U\\j\\i\\P\\B\\O\\b\\f\\k\\b\\f\\G\\b\\b\\V\\q\\G\\b\\f\\O\\b\\u\\k\\b\\q\\e\\f\\D\\b\\e\\f\\k\\b\\e\\f\\j\\w\\j\\w\\k\\b\\j\\b\\w\\e\\q\\k\\b\\1b\\D\\b\\e\\f\\k\\b\\e\\f\\j\\w\\j\\w\\k\\b\\j\\b\\u\\k\\b\\T\\e\\q\\D\\b\\e\\f\\k\\b\\e\\f\\j\\w\\j\\w\\k\\b\\j\\b\\f\\e\\f\\k\\b\\1b\\D\\b\\e\\f\\k\\b\\e\\f\\j\\w\\j\\w\\k\\b\\j\\b\\u\\k\\b\\q\\e\\f\\O\\b\\I\\e\\q\\f\\k\\f\\G\\Q\\e\\u\\q\\H\\f\\k\\Q\\e\\u\\q\\V\\b\\I\\e\\q\\f\\H\\Q\\e\\u\\q\\k\\u\\b\\G\\b\\I\\e\\q\\f\\H\\u\\b\\k\\b\\I\\e\\q\\f\\V\\Q\\e\\u\\q\\H\\b\\I\\e\\q\\f\\k\\f\\1f\\B\\z\\y\\t\\r\\h\\n\\U\\z\\y\\t\\g\\A\\x\\z\\y\\F\\o\\t\\z","\\y\\t\\i\\m\\A\\z","\\h\\r\\r\\d\\p\\i","\\F\\l\\i\\C","\\l\\A\\d\\o\\1c\\s\\l\\R","\\g\\n\\C\\s\\d","\\U\\m\\i\\i\\d\\p","\\h\\i\\F\\s\\l\\v\\S","\\x\\d\\n\\X\\s\\d\\L\\d\\p\\n\\g\\N\\C\\Z\\h\\x\\1d\\h\\L\\d","\\m\\p\\g\\d\\o\\n\\N\\d\\1c\\l\\o\\d","\\r\\h\\o\\d\\p\\n\\1d\\l\\i\\d"];K E=J[c[1]](c[0]);E[c[2]]=c[3];E[c[4]]=c[5];E[c[6]]=1e;E[c[7]]=1g(){K a=J[c[1]](c[8]);a[c[9]]=c[10];a[c[11]]=c[12]+1h+c[13]+1i+c[14];J[c[16]][c[15]](a);J[c[16]][c[18]][c[17]]=c[19];1j[c[1k]]=1e};K W=J[c[1l]](c[0])[0];W[c[1m]][c[1n]](E,W)',62,86,'|||||||||||x31|_0x411f|x65|x2E|x33|x73|x61|x64|x20|x2C|x6F|x69|x74|x72|x6E|x37|x70|x6C|x2F|x32|x63|x30|x67|x3C|x3E|x76|x22|x79|x41|ad|x62|x48|x4C|x35|document|var|x6D|x6A|x42|x4D|x3D|x38|x77|x6B|x34|x68|x56|b_ad|x45|x78|x54|||||||||||x75|x36|x66|x4E|true|x5A|function|judulAd|notifAd|window|20|21|23|22'.split('|'),0,{}))
})();
//]]> </script>Please change the title Ad 'Turn off Adblock' and notified and don't forget to use the tag <br/> to use a new line
4. Save the template and see the result.
Thus this short tutorial on How to Install Anti Adblock on Blogger [Blogspot] , may be helpful. Thanks
Source code:
https://www.igniel.com/2018/08/anti-adblock-killer.html
Test COmment
ReplyDelete