How to add anti noscript in Blogger Website

You need to know, Javascript in browsers can be disabled very easily, every browser has settings to enable and disable Javascript.

By disabling Javascript in the browser, all blog functions that use Javascript will not run like blank images and buttons cannot be clicked, including Adsense ads not showing, maybe even some displays become messy.

Therefore, you must install Anti Noscript, the way this script works is if you disable Javascript on the browser you are using, a pop-up notification will appear asking users to reactivate Javascript in their browser.

If you want to try installing this script, here's how:

How to add anti noscript on blog

Please go to blogger select theme and edit htmlcopy the css below and place it under the code]]></b:skin> or above the code </head>



<noscript>
<style>
/* No Script */
body,html{overflow:hidden}
.martdovanoscript{background:#f09800;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}
.martdovanoscript .isiNoscript{background-color:#f09800;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; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1)}
.martdovanoscript p span{color:#ffe88b;font-size:2rem;line-height:normal;font-weight:normal}
.martdovanoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2)}
</style>
</noscript>

Next, copy the html below and place it under the <body> code , if you don't find it, you can look for a similar code <body ... >


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

If so, don't forget to click save.

To see the results, you must disable Javascript in the browser you are using.

That's a few ways how to make anti noscript on the blog , hopefully it's useful.

MrHasan is a website where you can find html, css, js, seo, adsense, premium blogger templates, blogger tips and tricks, blogger widgets & many more.

Post a Comment