In this video, I will show you How to Detect an Ad Blocker for Blogger Websites in Chrome, Firefox & Edge Browser?
Similarly, you can disable adblock on firefox and Microsoft Edge browsers.
how to disable adblock
how to disable adblock on chrome
how to disable adblock on firefox
how to disable adblock on edge
how to disable adblock on the browser
how to disable adblock
please disable AdBlock
You have AdBlock Enabled
[embedyt] https://www.youtube.com/watch?v=vVGOnanoqDI[/embedyt]
An ad blocker helps us to increase our Adsense revenue. It's better to use an ad blocker detector for your website. So, your visitor will know that you're showing ads. Also, if they like your content, they might disable their ads blocker for your site. Here is the code
First Step: Copy this CSS Code
Add this code before closing </head> Tag
/* Ads blocker WP Coders Club 2022 */.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: 500px; 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 }}/* end */
Second Step: Then copy this HTML Code
Add this after opening <body> Tag
<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 & disable your ad blocker! </p> </div> <div class='at-adblock-button'> <button class='ad-btn'> Okay </button> </div> </div> </div> </div>
Final Step: Add This Javascript Code
Add this code before closing </body> Tag
<script src='data:text/javascript;base64,ZnVuY3Rpb24gaW5pdCgpe2Fkc0Jsb2NrZWQoZnVuY3Rpb24obyl7bz8oJCgiI1NUMW1hciIpLnJlbW92ZUNsYXNzKCJoaWRkZW4iKSwkKCIuYXQtYWRibG9jay13cmFwcGVyIikuYWRkQ2xhc3MoImZhZGVJbiIpKTpjb25zb2xlLmxvZygiQWQtYmxvY2tlciBFbmFibGVkIDogIitvKX0pfWZ1bmN0aW9uIGFkc0Jsb2NrZWQobyl7dmFyIG49bmV3IFJlcXVlc3QoImh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzIix7bWV0aG9kOiJIRUFEIixtb2RlOiJuby1jb3JzIn0pO2ZldGNoKG4pLnRoZW4oZnVuY3Rpb24obyl7cmV0dXJuIG99KS50aGVuKGZ1bmN0aW9uKG4pe2NvbnNvbGUubG9nKG4pLG8oITEpfSkuY2F0Y2goZnVuY3Rpb24obil7Y29uc29sZS5sb2cobiksbyghMCl9KX1zZXRUaW1lb3V0KCgpPT57aW5pdCgpfSwwKSwkKCIuYWQtYnRuIikuY2xpY2soZnVuY3Rpb24oKXtsb2NhdGlvbi5yZWxvYWQoKX0pOw== ' />
I love the clean layout and insightful content on your site.
Where I can read about it?