Cara menonaktifkan (Debugger) Inspect Element di Blogger

Diposting pada

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

3. Klik gambar garis titik 3 lalu pilih Edit HTML

4. Salin (copy) script di bawah ini lalu paste di bawah </body> kemudian Klik Gambar SAVE / Simpan Template.

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.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *