√ Como poner el Mejor Adblock en Blogger

Como poner el Mejor Adblock en Blogger

DanyTutos PRO

agosto 24, 2020

Hola Amigos....en esta oportunidad les compartiré algo interesante para su sitio web , blogger ..etc.

Al algunos usan esta alternativa opción para quitar la publicidad de cierto sitios cuando entran .

Se trata de una extensión para su navegador que anula la publicidad por completo de los sitio web . Y pues estamos ablando de ADBLOCK es un estupendo extensión que quita la publicidad , pero a la vez daña . Entonces para eso hay un truco que detecta automáticamente si tu estas utilizando ADBLOCK cuando entras a tu pagina web.

Y lo que hace es bloquearte el acceso por completo al contenido de la pagina web . Hasta que tu

deshabilites el ADBLOCK despues actualizar la pagina y ya tendrás el acceso al contenido.

Entonces si tu deseas ver en vivo este detector de anti adblock ...habilita tu adblock si lo usas veras que te saldra en mi blogs como este :

Entonces si deseas tener este bonito detector vamos a seguir estos pasos a continuación :

1. Tienes que ir al editor HTML de tu blogs y agregar estos codigos antes del codigo : </head>

<style type='text/css'>
/* Animation */
@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)}}
/* Say Hi to Adblock */
#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>

2. Luego buscas este codigo : </body> y pones estos códigos encima de el.

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
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>

Para finalizar presiona en guardar tema y listo.