Hola a todos mis lectores del blog, en esta oportunidad les traigo un post muy completo donde les enseñare como instalar en sus blog de Blogger este potente Script anti-adblock que usan los navegadores para bloquear los anuncios publicitarios de nuestros blog o nuestros anunciantes.
Este Script está actualizado con el mejor código, ya que funciona en la actualidad con todos los navegadores sin excepción alguna, espero que les sirvan de mucha ayuda y no olviden seguirnos en Youtube y compartir nuestros post.
Que es Adblock (Bloqueador de Anuncios)Es una extensión de navegadores que permite limitar mostrar anuncios publicitarios mientras se navega en los sitios web, como sabrán hay blog y sitios web que tienes anuncios muy molestos por ende los usuarios suelen usar esta extensión para limitar por completo ver anuncios mientras navega en el sitio web.
¿Que es Anti-Adblock Script?
Como sabrán Adblock bloquea los anuncios de los sitios web, Anti-Adblock obliga a los usuarios desactivar o eliminar adblock para navegar en el sitio web.
¿Porque usar Anti-Adblock Script?
Si tienes un sitio web con Adsense y sus visitantes tienen adblock no podrás ganar dinero ya que tienen bloqueado los anuncios con el bloqueador adblock, por lo tanto tus ingresos con adsense sera pocas o nulas, por lo tanto para evitar esto se usará el Script ya que funciona en todos los navegadores.
¿Cómo agregar este código en nuestra plantilla Blogger?
Paso 1: Inicie sesión en su cuenta de Google
Paso 2: Luego acceder a Blogger.com, Panel de Control de Blogger
Luego ir donde dice Editar HTML ahi se agregara el siguiente código CSS antes del </head>
<style>#adblockbyspider{backdrop-filter: blur(5px);background:rgba(0,0,0,0.25);padding:20px 19px;border:1px solid #ebeced;border-radius:10px;color:#ebeced;overflow:hidden;position:fixed;margin:auto;left:10;right:10;top:0;width:100%;height:100%;overflow:auto;z-index:999999}#adblockbyspider .inner{background:#f5f2f2;color:#000;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;margin:80px auto}#adblockbyspider button{padding:10px 20px;border:0;background:#e9e9e9;margin:20px;box-shadow:0 5px 10px rgba(0,0,0,0.3);cursor:pointer;transition:all .2s}#adblockbyspider button.active{background:#fff}#adblockbyspider .tutorial{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#adblockbyspider .tutorial div{display:none}#adblockbyspider .tutorial div.active{display:block}#adblockbyspider ol{margin-left:20px}@media(max-width:680px){#adblockbyspider .inner{width:calc(100% - 80px);margin:auto}} </style>
Paso 1: Agregar el siguiente código al final de la plantilla, es decir antes del cierre de la etiqueta </body>
<script src='https://trendinggeek.info/adblock/2.0/code.min.js'/>
Ahora solo dar click en Guardar y listo.
Eso es todo, espero les aya servido de mucha ayuda, si tienen problemas a la hora de aplicar o desean hacer cambios en la interfaz pueden comentar en este mismo post para ayudarlos. No Olviden compartir mis post.