How to Add Anti JavaScript Blocker on Blogger Website

Copy

Hi Dude, we're going to see how to add anti javascript blocker on the blogger website. in this post now. This post is a boon for website runners on blogger. This is because it is very helpful for those who have a website on blogger. Now let’s move on to the post. The huge amount of money we make through our website often depends on the ads that fit into it. Those ads are matched with javascript. But some users can block and use the JavaScript of your website through the browser.

This prevents ads from appearing on your website. Thus with that record, you are going without huge income. This is a headache for many website owners. But there is a way to prevent this. It will show a popup box for those who block JavaScript. Also, this method will not run your site without enabling javascript.

How to Work on this Script

This script is added directly to the tag of your website. If JavaScript is enabled the user can use the site as usual. If a working JavaScript is disabled, this script prevents the use of any of your sites and shows the user only a popup box to enable JavaScript.

You want to download this script please hit the Download button and download all script files on your Device.

Download

How to setup Anti javaScript on your Blogger Website

Step 1: First Open Your Blogger Website and go to Theme Section

Step 2: Click Edit Html Option on the Theme Section

Step 3: Now you can see your Html Script on your website

Step 4: Click Ctrl+F and Find <head/> Tag

Step 5: Copy theCSS Style Script on Downloaded File and paste above <head/> tag.

<style>
/* No Script Css By Www.pixabin.com */
body,html{overflow:hidden}
.PixabinNoScript{text-align: center; position: fixed; top:0; left:0; bottom:0; right:0;background:rgba(0,0,0,.5);z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}
.PixabinNoScript .PixabinIsiNoscript{background-color:#0a16ff;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;font-family:Noto Sans;line-height:1.5em;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden;-webkit-animation: slide-down .3s ease-out;animation: slide-down .3s ease-out;}
.PixabinNoScript p span{color:#ffe88b;font-size:2rem;line-height:normal;font-weight:normal}
.PixabinNoScript .PixabinIsiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2)}
@media screen and (max-width:348px){.PixabinNoScript{top:-50px}.PixabinNoScript p{font-size:1rem}}
</style>
</noscript>

Step 6: Next, Copy the Html Script on Download File and Paste above on <body/> Tag.

<noscript>
<div class='PixabinNoScript'>
<div class='PixabinIsiNoscript'>
<p><span>&#9888;</span></p>
<p>To access this blog, please enable Javascript in the browser settings.</p>
</div>
</div>
</noscript>

Step 7: Do not forget to save the temple

Step 8: well done all process script Installation.

How to check this Anti JavaScript Blocker

Open your Web browser

Go to your Website and check the Lock icon near to site URL

Now you can see the site settings option

Click the site settings Option and search javascript Option

Now, Disable your website JavaScript

Return to your website and Reload the website.

Now you can see a popup on your website screen.

Video Guide 👇

Final words

I think this Script is very helpful to you. So, please do share this post and get more information about blogging please follow me on Google News. Thank you for reading this article.

Pixabin Official