How to Add Anti AdBlock Widget on Blogger Like Hownaija

Many bloggers have been requesting for a tutorial on How to Add Anti AdBlock Widget on Blogger Like Hownaija, well today here it is.

To start with let’s explain what we mean by anti adblock.

What is AdBlock Widget?

AdBlock is commonly a browser extension that enables users to prevent ads from appearing on a particular web page.
The purpose of Adblock installation is usually so that visitors can read the article comfortably without the need to see the ads here and there.

For blog owners, this can be a problem because one of the main income as a blogger is from these advertisements. If the ad does not appear, then there is no revenue coming in. Therefore it is necessary to do one way to prevent AdBlock from blocking the appearance of advertisements. This tutorial will explain How to Add Anti AdBlock Widget on Blogger Like Hownaija.

How to Add Anti AdBlock Widget on Blogger

Firstly look for this AdSense external Javascript code and DELETE. it is usually added “ABOVE / BEFORE” the </head> tag.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

No need to worry, because the external Adsense Javascript is replaced by the following script. Add “ABOVE / BEFORE” the </body> tag.

<script> //<![CDATA[
/* Anti AdBlock By hownaija.com.ng */
(function hownaijaAdBlock() {
var judulAd = 'Turn off AdBlock', /* Judul */
notifAd = 'To keep Hownaija blog running, turn off AdBlock or put this blog in the whitelist. & Lt; br / & gt; Thank you.'; /* Fill in the writing. The new line is replaced by <br/> */
eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('O b=["\f\w\o\k\q\n","\w\o\c\g\n\c\V\s\c\K\c\m\n","\n\B\q\c","\n\c\1a\n\r\P\g\z\g\f\w\o\k\q\n","\f\o\w","\r\r\q\g\v\c\g\j\t\d\v\l\l\v\s\c\f\B\m\j\k\w\g\n\k\l\m\d\w\l\K\r\q\g\v\c\g\j\r\P\f\r\g\j\f\F\B\v\l\l\v\s\c\d\P\f","\g\f\B\m\w","\l\m\c\o\o\l\o","\j\k\z","\k\j","\k\v\m\k\c\s\C\j\J\s\l\w\X","\k\m\m\c\o\H\1c\N\G","\y\j\k\z\i\w\s\g\f\f\L\A\k\f\k\C\j\f\A\x\y\f\q\g\m\i\w\s\g\f\f\L\A\P\1b\j\1b\s\A\x","\y\r\f\q\g\m\x\y\F\o\r\x\y\f\z\v\i\z\k\c\W\J\l\1a\L\A\u\i\u\i\t\R\i\t\R\A\x\y\q\g\n\S\i\j\L\A\N\a\e\h\a\e\H\a\a\U\p\H\a\e\N\a\t\h\a\p\d\e\C\a\d\e\h\a\d\e\i\u\i\u\h\a\i\a\u\d\p\h\a\Z\C\a\d\e\h\a\d\e\i\u\i\u\h\a\i\a\t\h\a\R\d\p\C\a\d\e\h\a\d\e\i\u\i\u\h\a\i\a\e\d\e\h\a\Z\C\a\d\e\h\a\d\e\i\u\i\u\h\a\i\a\t\h\a\p\d\e\N\a\I\d\p\e\h\e\H\Q\d\t\p\G\e\h\Q\d\t\p\U\a\I\d\p\e\G\Q\d\t\p\h\t\a\H\a\I\d\p\e\G\t\a\h\a\I\d\p\e\U\Q\d\t\p\G\a\I\d\p\e\h\e\1g\A\x\y\r\q\g\n\S\x\y\r\f\z\v\x\y\F\o\r\x","\y\r\j\k\z\x","\g\q\q\c\m\j","\F\l\j\B","\l\z\c\o\1e\s\l\W","\f\n\B\s\c","\S\k\j\j\c\m","\g\j\F\s\l\w\X","\v\c\n\V\s\c\K\c\m\n\f\J\B\1c\g\v\Y\g\K\c","\k\m\f\c\o\n\J\c\1e\l\o\c","\q\g\o\c\m\n\Y\l\j\c"];O D=E[b[1]](b[0]);D[b[2]]=b[3];D[b[4]]=b[5];D[b[6]]=1d;D[b[7]]=1k(){O M=E[b[1]](b[8]);M[b[9]]=b[10];M[b[11]]=b[12]+1m+b[13]+1j+b[14];E[b[16]][b[15]](M);E[b[16]][b[18]][b[17]]=b[19];1f[b[1i]]=1d};O T=E[b[1l]](b[0])[0];T[b[1h]][b[1n]](D,T)',62,86,'||||||||||x31|_0xd5a9|x65|x2E|x33|x73|x61|x2C|x20|x64|x69|x6F|x6E|x74|x72|x37|x70|x2F|x6C|x32|x30|x67|x63|x3E|x3C|x76|x22|x79|x41|ad|document|x62|x4C|x48|x35|x42|x6D|x3D|_0xc9cbx2|x4D|var|x6A|x38|x34|x68|b_ad|x56|x45|x77|x6B|x4E|x36|||||||||||x78|x75|x54|true|x66|window|x5A|23|20|notifAd|function|21|judulAd|22'.split('|'),0,{}));
})();
//]]> </script>

You can also beautify the appearance of Anti AdBlock on the blog by adding the following CSS. Add the code “ABOVE / BEFORE” </style>. Code </style> .

/* Anti AdBlock By igniel.com */
#hownaijaAdBlock {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;}
#hownaijaAdBlock svg {width:100px; height:100px}
#hownaijaAdBlock svg path {fill:#fff}
#hownaijaAdBlock a{color:#ffe88b;} #hownaijaAdBlock a:hover{color:#ffe88b;text-decoration:underline}
#hownaijaAdBlock .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:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}
#hownaijaAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#hownaijaAdBlock .isiAds h4, #hownaijaAdBlock .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}
#hownaijaAdBlock .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);}
#hownaijaAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
#hownaijaAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
@keyframes ignielWobble{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 ignielWobble{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 ignielWobble{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)}}

That’s all

Final words

Notification will appear to visitors to turn off the AdBlock extension or enter the URL of your blog into the whitelist.

3d1f03ecd8238009ccc5f8d3e2c72477

 

Hownaijablog participates in the Amazon Services LLC Associates Program; therefore, some pages on this website may contain affiliate links. When you buy through these links, I may earn an affiliate commission at no extra cost to you.

2 thoughts on “How to Add Anti AdBlock Widget on Blogger Like Hownaija”

Leave a Comment

Total
0
Share