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.
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>⚠</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.