Cara menonaktifkan (Debugger) Inspect Element di Blogger

Cara menonaktifkan (Debugger) Inspect Element di Blogger

Apa itu Inspect Element?, Inspect Element adalah Fitur yang Ada pada browser Google Chrome, Mozilla, Opera dan browser lainnya. Fiturnya sendiri yaitu bisa melihat Scrpit, CSS, HTML dan code sumber lainnya yang ada pada sebuah blog atau website.

Kenapa Fitur Inspect Element ini harus di Nonaktifkan?

Tujuannya untuk blog/Website yang tidak ingin kode Sumber, Script, css, dan htmlnya di Copy(salin) paste oleh orang lain atau di tiru oleh Blog atau website yang lain dan tujuan lainnya.

Cara menonaktifkan Fitur Inspect Element ini yaitu dengan memasang Script Debugger yang mencegah penyalinan sumber code di Inspect Element.

Cara Memasang Script Debugger di Blogger:

1. Login Ke Blogger.com
2. klik Tema / Thame
Cara Membuat Link Sumber Artikel Otomatis di Blogger
3. Klik gambar garis titik 3 lalu pilih Edit HTML
Cara Membuat Link Sumber Artikel Otomatis di Blogger
Cara Membuat Link Sumber Artikel Otomatis di Blogger
4. Salin (copy) script di bawah ini lalu paste di bawah </body> kemudian Klik Gambar SAVE / Simpan Template.
Cara Membuat Link Sumber Artikel Otomatis di Blogger

Script Debugger
<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>

untuk hasilnya seperti gambar di bawah, dengan klik kanan lalu pilih inspect Element pada blog atau Website anda.

namun ini bisa di cegah dengan menonaktifkan Fitur Java script pada browser.

untuk mengatasinya tambahkan script di bawah ini sebelum </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
<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>
kemudian tambahkan script di bawah ini tepat sebelum <body>
<noscript>
<div class='noscript'>
  <p><span>&#9888;</span></p>
  <p>Please Enable Javascript to view our site content</p>
  <p>Thank you</p>
</div>
</noscript>

agar lebih aman lagi tambahkan Script untuk menonaktifkan Klik Kanan dan Ctrl + U di bawah ini.
ganti <body> dengan Script di bawah ini
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='user-select:none;cursor:default'>

Catatan.
Pastikan Backup template anda terlebih dahulu, jika terjadi Error dan masalah gampang untuk di atasi.

Cara menonaktifkan (Debugger) Inspect Element di Blogger


Author : ENDA

datePublished : 1/18/2020 04:29:00 AM

Organization : TIRINFO.COM

logo Tirinfo

Url : https://www.tirinfo.com/2020/01/cara-menonaktifkan-debugger-inspect-element-di-blogger.html

Share: