Skip to main content
Ivhaa Design

follow us

Cara Menonaktifkan Inspect Element Pada Template Blog

Cara Menonaktifkan Inspect Element Pada Template Blog - Apa itu Inspect Element?? Sedikit penjelasan Inspect Element adalah Sebuah fitur bawaan browser versi desktop dimana Seseorang bisa melihat Kode CSS, HTML dan Javascript pada Template Blog.

Baca juga:



Di era sekarang banyak blogger yang bisa clone template seseorang bahkan sampai mirip banget dengan aslinya. Tidak sengaja saya cek blog Arlina Design ada tutorial menarik akhirnya saya share juga di blog saya ini.

Cara Menonaktifkan Inspect Element Pada Template Blog -  Apa itu Inspect Element?? Sedikit penjelasan Inspect Element adalah Sebuah fitur bawaan browser versi desktop dimana Seseorang bisa melihat Kode CSS, HTML dan Javascript pada Template Blog. Inspect Elment ini biasanya digunakan para desainer untuk mekihat script kita.

Nah bagaimana Cara Menonaktifkan Inspect Element Tersebut? Jika template blog kalian tidak ingin dilihat seseorang berikut ini adalah tutorialnya buat kalian semua.

Cara Menonaktifkan Inspect Elemet Pada Template Blog

Langkah pertama yang harus dilakukan adalah log in ke Akun Blogger kalian, kemudian Pilih Menu Tema > pilih Edit HTML taruh kode kode berikut ini di atas penutup HTML </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>
Kemudian klik Simpat Template.

Untuk demo nya bisa kalian cek di Inspect Element blog kalian, ini sangat efektif melindungi script kalian yang mau ngintipnya.

Tambahan

Itu tadi adalah dengan menonaktifkan Inspect Element sekarang kita Nonaktifkan juga Tombol Klik Kanan dan Tombol CTRL+U.

Untuk caranya tinggal tambahkan kode berikut ini.

Taruh kode berikut ini di atas kode </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>
Kemudian taruh kode berikut ini sesudah kode <body> atau tepat dibawahnya.
<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>
Kemudian Klik Tombol Simpan Template.

Agar lebih melindungi lagi kalian bisa tambahkan kode berikut ini.

Ganti kode <body> seperti 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'>
Kemudian taruh kode berikut ini di atas kode </body>
<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>
Klik Tombol Simpan Template

Mungkin tutorial ini bisa kalian pakai atau tidak, namun untuk saya sendiri tidak menggunakannya karena sudah valid AMP, Jika kalian ingin gunakan silahkan.

Selamat mencoba dan Wasalam.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar