Breaking News:

latest

How to Install Adblocke Detector in Blogger

Hello and Welcome to GetWebInfo.Com. Here on this post you can be able to find out Latest Article about Adblock Detector for Blogger. Here o...

Hello and Welcome to GetWebInfo.Com. Here on this post you can be able to find out Latest Article about Adblock Detector for Blogger. Here on this post i can explain that How to Install Adblock Detector in Blogger and also give the code that can be very important for your blogger blog. For most of the bloggers, entrepreneurs and content writers showing ads on their websites is the only way for them to earn some money. But ads take very long time to load that's why most of the user Install Adblock Extension in to their browser and avoid ads and decreasing the page loading time which effect the earning of website owners.



Install Adblock Killer in Blogger

Step 01: Go to Blogger Bloge Dashboard

Step 02: Go to your Blogger Theme or Template Section

Step 03: Now click on Edit HTML

Step 04: Now search for </head>

Step 05: Copy the code provided below and paste it just above the </head> tag.

<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>
<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>
Now you can save your Blogger Template Setting and you can all Done!!!!!

After installing this Adblock Killer in your blogger blog simply you have to save your template or theme and now you have to go and visit your website by enabling your ad blocker extension. When you will visit your website if your Adblock extension is On you will see a friendly popup which will as you to disable that Adblock extension in order to view that webpage.

I Hope this Article is really helpful for you if you like this article so please share it on Social Media with your Friends and thanks for Reading !!!!!

No comments