How To Add Anti Adblock Script For Blogger 2022

Are you searching for How To Add Anti Adblock Script For Blogger on online? 

Congratulation! You come to the right zone. Today, I will discuss  2 methods of How To Install Anti Adblock Script For bloggers step by step. 

I will also discuss what AdBlocker is, why to use Anti Adblock script on your website, the features of Anti Adblock script and more!!!

Anti Adblock Script For Blogger

So, this article is very important for you. Please read this full article. Let's get started...

What is AdBlocker?

what is  adblocker
Adblocker is a special Chrome extension that blocks various ads and popups from loading on websites. Most users use this type of extension to visit websites without ads, to protect privacy, etc.

Why Use Anti Adblock Script For Blogger?

If you use Adsense on your blog, you know that it pays you for ad impressions and clicks on ads. That's how we make money.

But, if a user enters our website using an adblocker chrome extension, the adblocker chrome extension prevents those ads from loading on that page. As a result, we'll not be able to show users any ads and will not receive any money from user visits.

Therefore, It is very important to use the anti-Adblock script because it is to force visitors to turn off the Adblock extension on your website/blog, which will increase your AdSense income. I highly recommend you use an Anti AdBlock script on the blogger.

Features of Anti Adblock Script for Blogger

Below are some features of Anti Adblock Script:

  1. Made for Google Blogger/Bloggers
  2. The most advanced anti-Adblock script for blogger
  3. Easy to install
  4. Most Adblock blocks plugins/extensions.
  5. Small code that won't slow down your website.
  6. Very effective script.
  7. I will block the entire page and show it as a popup with a small message.
  8. Responsive design looks great on all types of devices.

How To Add Anti Adblock Script For Blogger?

Anti Adblock Script No 01

Step-01: Login to your blogger website.

Anti Adblock Script For Blogger

Step-02: Click on the Themes option.

add Anti Adblock Script For Blogger

Step-03: Now, click on the Dropdown icon. Then, click on Edit Html.

install Anti Adblock Script For Blogger

Step-04: Please copy the following codes and paste them before the </head> tag. 

Note: If you can't find the tag, press Ctrl + f together, type the tag, and press enter. You will get the tag very easily.

Anti Adblock Script For Blogger 2022

<!-- Anti Adblock Script -->
<style>  .hidden{display:none!important;}.center { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .ADs-BG{ background: rgba(255, 255, 255, 0.58); width: 100vw; height: 100vh; position: fixed; z-index: 99999; top: 0; left: 0; } .at-adblock-content-wrapper { box-shadow: 24px 24px 48px rgba(0, 0, 0, 0.4); border-radius: 10px; max-width: 400px; background: #fff; height: auto; width: 100%; } .at-adblock-content { padding: 30px 50px; } .at-adblock-text, .at-adblock-text h3 { text-align: center; font-family: inherit; font-weight: 700; } .at-adblock-text h3 { font-size: 25px; margin-top: 1rem; } .at-adblock-text p { margin: 20px auto; font-weight: 500;font-size: 13px; } .at-adblock-button .ad-btn { line-height: 1em; border-radius: 30px; border: none; border:2px solid #b23939; padding: 10px 20px; width: 100%; background: #b23939; color: #fff; transition: 0.2s; } .at-adblock-button .ad-btn:hover { background: #fff; color: #b23939; border: 2px solid #b23939; } @media (max-width:480px){ .at-adblock-content-wrapper{max-width:300px}.at-adblock-text h3{font-size:20px}.at-adblock-text p{font-size:12px}.at-adblock-button .ad-btn{font-size:12px} }</style>

Step-05: Copy the following codes and paste them after the <body> tag.

Anti Adblock Script For Blogger


<!-- Anti Adblock Script -->
<div class='ADs-BG center hidden' id='ST1mar'>
<div class='at-adblock-content-wrapper'>
<div class='at-adblock-content'>
<div class='center'>
<div class='logo'><svg style='width:58px;height:58px' viewBox='0 0 24 24'><path d='M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7' fill='#b23939'/></svg>
</div>
</div>
<div class='at-adblock-text'>
<h3>Attention! Ad blocker Detected!</h3>
<p>We know ads are annoying but please bear with us here &amp; disable your ad blocker!</p>
</div>
<div class='at-adblock-button'>
<button class='ad-btn'>Okay</button>
</div>
</div>
</div>
</div>

Step-06: Again, copy the following codes and paste them before the </body> tag.

Enable Anti Adblock Script For Blogger

<!-- Anti Adblock Script -->
<script src='data:text/javascript;base64,ZnVuY3Rpb24gaW5pdCgpe2Fkc0Jsb2NrZWQoZnVuY3Rpb24obyl7bz8oJCgiI1NUMW1hciIpLnJlbW92ZUNsYXNzKCJoaWRkZW4iKSwkKCIuYXQtYWRibG9jay13cmFwcGVyIikuYWRkQ2xhc3MoImZhZGVJbiIpKTpjb25zb2xlLmxvZygiQWQtYmxvY2tlciBFbmFibGVkIDogIitvKX0pfWZ1bmN0aW9uIGFkc0Jsb2NrZWQobyl7dmFyIG49bmV3IFJlcXVlc3QoImh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzIix7bWV0aG9kOiJIRUFEIixtb2RlOiJuby1jb3JzIn0pO2ZldGNoKG4pLnRoZW4oZnVuY3Rpb24obyl7cmV0dXJuIG99KS50aGVuKGZ1bmN0aW9uKG4pe2NvbnNvbGUubG9nKG4pLG8oITEpfSkuY2F0Y2goZnVuY3Rpb24obil7Y29uc29sZS5sb2cobiksbyghMCl9KX1zZXRUaW1lb3V0KCgpPT57aW5pdCgpfSwwKSwkKCIuYWQtYnRuIikuY2xpY2soZnVuY3Rpb24oKXtsb2NhdGlvbi5yZWxvYWQoKX0pOw==  '/>

Step-07: Then click the save icon.

Anti Adblock Script For Blogger 2022

Now visit your site with ad blocker on and see if the Anti Ad Blocker script is working.

Anti Adblock Script For Blogger

Anti Adblock Script No 02 

Step-01: Login to your blogger website.

Step-01: Click on the "Theme" option in the blogger dashboard.

Step-02: Then click on "Edit HTML."

Anti Adblock Script

Step-03: When the HTML editor opens, press Ctrl + F to open the search bar and type </head> press Enter key.

Step-04: copy the below codes and paste them before the </head> tag.

Anti Adblock Script Blogger


<!-- Anti Adblock Script -->s
<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)}}
/* Anti Adblock script*/

#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[
// Anti Adblock script


 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-06: Then click the save icon.

Now, visit your website with an ad blocker on and notice if the Anti Ad Blocker script is working.

Anti Adblock Script For Blogger

Consultation

Today, I have discussed how to add Anti Adblock script for blogger step by step. I have also discussed more information about it. Please let us know if you have trouble understanding something in the comments. 

Inshallah, I will try to answer. At last, Thank you for reading this whole article. Techzboss.com

Next Post Previous Post
No Comment
Add Comment
comment url