Brief explanation, Inspect Element is one of the useful features of the default desktop version of the browser that is able to show, edit, and even change the HTML code taken from the site source. Inspect Element is often used by blog designers to find out code like CSS code, HTML, javascript on the blog.
If you don't want your theme code in the Inspect Element to be known by others, you can prevent that from happening by installing a debugger script that your blog will become safer from copying certain code directly through Inspect Element.
How to Disable Inspect Element on Blog
Here's How to Deactivate Inspect Element on Blog, please follow the easy steps below.
Open Blogger> Click the Theme menu> Click the Edit HTML button and add the following code just before the body </body> or closing code <!--</body>--></body>
<script type='text/javascript'>
//<![CDATA[
// Inspect
!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();
//]]>
</script>Then click the Save theme button and finish.
For the results, you can check on your blog by opening the Inspect menu (right-click on the blog page).
Of course this is not an effective way to protect your blog's theme code. Many roads lead to Rome, so there are still many ways to find out the theme theme of the blog, one of which is to disable Javascript on your blog in the browser as I have shared in this post. Add Adsense Adblocker Notifications on the blog
Add the following code before </head> or </head><!--<head/>-->
<noscript>
<style type='text/css'>
/* No Script */
body,html{overflow:hidden}
.noscript{background:#e74c3c;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:0;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}
.noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:1010px;text-transform:uppercase;font-weight:700}
.noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal}
</style>
</noscript>Then add the following code just below the <body>
<noscript>
<div class='noscript'>
<p><span>⚠</span></p>
<p>Please Enable Javascript to view our site content</p>
<p>Thank you</p>
</div>
</noscript>Click the Save theme button.
To be better protected, you can also install the Anti code right click and deactivate the CTRL + U function on a blog like this.
Change the <body> with the code below
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='user-select:none;cursor:default'><script type='text/javascript'>
//<![CDATA[
// Anti Klik Kanan
var message="Function Disabled!";function clickIE4(){if(2==event.button)return alert(message),!1}function clickNS4(e){if((document.layers||document.getElementById&&!document.all)&&(2==e.which||3==e.which))return alert(message),!1}document.layers?(document.captureEvents(Event.MOUSEDOWN),document.onmousedown=clickNS4):document.all&&!document.getElementById&&(document.onmousedown=clickIE4),document.oncontextmenu=new Function("alert(message);return false");
//]]>
</script>Click the Save theme button.
But by installing the Anti code right click and deactivating the CTRL + U function on this blog I don't recommend it. Because according to me personally if finding a site that installed the code will make me uncomfortable in exploring every post in it, so as a result I always close the site immediately. But if you think it's useful, please install it, adjust it back to your needs.
All right, for the post from I about how to disable Inspect Element on the Blog. Hopefully useful and cautious.