Script Anti Klik Kanan Blogger Terbaru untuk Melindungi Artikel

---

Fungsi klik kanan mouse pada halaman website atau blog berguna untuk menampilkan menu konteks (Context Menu) dalam bentuk Pop Up disamping kursor mouse, seperti menu untuk perintah cut, copy, paste, select all dan lain sebagainya. Penggunaan klik kanan mouse pada browser bertujuan untuk memberikan kemudahan pengguna dalam melakukan aktivitas browsing internet saat membutuhkan penggunaan fungsi kontekstual seperti menyalin teks atau sub menu lainnya.

CONTENT PROTECTION

Anti Right Click System

Lapisan perlindungan sederhana untuk membantu mengurangi aktivitas copy-paste langsung melalui menu klik kanan browser.

Salah satu fungsi klik kanan yang menjadi favorit dan umumnya sering digunakan adalah menu untuk perintah copy dan paste. Menu perintah ini berguna untuk memudahkan proses penyalinan teks artikel yang ada pada halaman artikel website atau blog.

Bagi pengguna (pengunjung) website/blog tentu hal ini sangat berguna karena mempermudah proses penyalinan teks artikel, namun bagi pemilik blog hal ini akan menjadi masalah karena mempermudah oknum blogger dalam melakukan pengambilan tulisan teks artikel yang bertujuan untuk aktivitas plagiat (duplikasi) konten artikel.

Tentu saja aktivitas plagiat (duplikasi) konten artikel akan sangat merugikan pemilik blog dari sisi finansial dan teknis. Oleh karena itu salah satu cara untuk menghindari copy-paste artikel biasanya para pemilik blog akan memasang script anti klik kanan untuk mempersulit dan mencegah proses copy-paste pada halaman artikel blog.

Informasi lengkap tentang perlindungan total untuk artikel blog silakan dibaca artikel CodeFlare yang berjudul Kode Lengkap Anti Copy Paste Pelindung Artikel Blog. Pada artikel tersebut dijelaskan mengenai solusi dan cara untuk melindungi artikel blog dari aktivitas pencurian artikel oleh oknum blogger.

INFO

---

Script anti klik kanan bukan sistem keamanan absolut. Pengguna yang memahami browser masih dapat mengakses konten menggunakan Developer Tools, JavaScript yang dinonaktifkan, source HTML maupun metode lainnya. Fungsi script ini lebih tepat digunakan sebagai lapisan pencegahan tambahan agar proses penyalinan konten secara langsung menjadi sedikit lebih sulit.

Apa Itu Script Anti Klik Kanan?

Script Anti Klik Kanan (Disable Right Click Menu) adalah kode JavaScript yang dibuat untuk mematikan fungsi klik kanan mouse pada halaman website atau blog. Hal ini berguna untuk menyembunyikan menu perintah copy-paste atau menu konteks yang biasanya muncul ketika pengguna menekan tombol kanan mouse.

Manfaat penggunaan script anti klik kanan adalah pengunjung situs tidak dapat menggunakan menu klik kanan secara langsung sehingga proses copy-paste konten menjadi sedikit lebih sulit dan dapat membantu meminimalisir pengambilan konten artikel secara sembarangan.

Perlindungan Tambahan Mengurangi akses langsung ke menu konteks browser.

Kurangi Copy-Paste Mempersulit proses penyalinan artikel secara instan.

Native JavaScript Versi terbaru tidak membutuhkan jQuery.

Responsive Dialog peringatan tetap nyaman pada desktop dan mobile.

Informasi Singkat

---

Context Menu

Menu konteks atau context menu merupakan menu yang muncul berdasarkan konteks dari objek atau area yang sedang digunakan. Pada browser desktop, menu ini biasanya muncul ketika pengguna melakukan klik kanan pada mouse.

Pilihan yang tersedia di dalam context menu dapat berbeda tergantung objek yang dipilih. Pada halaman web biasanya tersedia fungsi seperti membuka link di tab baru, menyimpan gambar, menyalin teks, melihat source halaman dan berbagai fungsi browser lainnya.

---

Sumber: Wikipedia - Context Menu

Cara Kerja Script Anti Klik Kanan

01

Pengunjung melakukan klik kanan Browser mengirim event contextmenu ke halaman.

02

JavaScript membaca event Listener mendeteksi aktivitas context menu pada halaman.

03

Event dibatalkan Perintah preventDefault() menghentikan menu bawaan browser.

04

Notifikasi ditampilkan Jika diaktifkan, pengguna akan melihat pesan perlindungan artikel.

Bentuk Umum Script Anti Klik Kanan

Secara umum script anti klik kanan modern sebenarnya dapat dibuat dengan kode JavaScript yang sangat sederhana seperti berikut.

<script>
document.addEventListener('contextmenu', function(event) {
  event.preventDefault();
});
</script>

Kode tersebut akan menangkap event contextmenu kemudian menjalankan preventDefault(). Akibatnya menu klik kanan bawaan browser tidak akan ditampilkan.

Namun untuk blog tutorial seperti CodeFlare, menonaktifkan klik kanan pada semua elemen tidak selalu menjadi pilihan terbaik. Area seperti kotak source code, textarea, input dan generator sebaiknya tetap dapat digunakan secara normal.

WARNING

Sebelum melakukan perubahan pada kode HTML template Blogger, lakukan backup template terlebih dahulu. Apabila terjadi kesalahan pemasangan JavaScript, template lama dapat dipulihkan dengan cepat.

Cara Memasang Script Anti Klik Kanan di Blogger

1

Login Blogger Masuk ke dashboard blog yang ingin dipasangi script anti klik kanan.

2

Buka Tema Pilih menu Tema kemudian masuk ke editor HTML template.

3

Edit HTML Klik tombol Edit HTML untuk menampilkan seluruh source template Blogger.

4

Cari kode </body> Gunakan pencarian editor HTML atau geser ke bagian paling bawah template.

5

Pasang Script Letakkan script yang dipilih tepat sebelum kode </body>.

6

Simpan Tema Simpan template kemudian buka blog dan lakukan pengujian menggunakan klik kanan mouse.

Alternatif pemasangan Script juga dapat dipasang melalui Tata Letak → Tambahkan Gadget → HTML/JavaScript tanpa mengedit template utama.

Script Anti Klik Kanan Blogger Versi 2026

Versi berikut dibuat menggunakan JavaScript native sehingga tidak membutuhkan jQuery ataupun library JavaScript tambahan. Script juga dilengkapi pengecualian otomatis untuk area yang biasanya membutuhkan fungsi klik kanan atau copy seperti pre, code, textarea, input dan .containerForm.

CODEFLARE PROTECTION 2026

ENGINE Native JS

DEPENDENCY None

MOBILE Ready

CODE AREA Excluded

Protection module ready

<script>
//<![CDATA[
(function () {
  'use strict';

  var cfAntiRightClick = {
    enabled: true,
    showNotice: true,
    message: 'Mohon maaf, klik kanan dinonaktifkan untuk membantu melindungi konten artikel.',
    exclude: 'input, textarea, select, option, pre, code, .containerForm, .cfAllowRightClick',
    noticeDuration: 2200
  };

  if (!cfAntiRightClick.enabled) return;

  function isExcluded(target) {
    if (!target || !target.closest) return false;
    return !!target.closest(cfAntiRightClick.exclude);
  }

  function createNotice() {
    if (document.getElementById('cfAntiRightNotice')) return;

    var notice = document.createElement('div');
    notice.id = 'cfAntiRightNotice';
    notice.innerHTML =
      '<div class="cfAntiRightBox">' +
      '<div class="cfAntiRightIcon"><i class="fa fa-shield"></i></div>' +
      '<div class="cfAntiRightData">' +
      '<b>CONTENT PROTECTED</b>' +
      '<span>' + cfAntiRightClick.message + '</span>' +
      '</div>' +
      '</div>';

    document.body.appendChild(notice);
  }

  var timer = null;

  function showNotice() {
    if (!cfAntiRightClick.showNotice) return;

    createNotice();

    var notice = document.getElementById('cfAntiRightNotice');
    if (!notice) return;

    notice.classList.remove('cfHide');
    notice.classList.add('cfShow');

    clearTimeout(timer);
    timer = setTimeout(function () {
      notice.classList.remove('cfShow');
      notice.classList.add('cfHide');
    }, cfAntiRightClick.noticeDuration);
  }

  document.addEventListener('contextmenu', function (event) {
    if (isExcluded(event.target)) return;

    event.preventDefault();
    showNotice();
  }, false);

})();
//]]>
</script>

<style>
#cfAntiRightNotice{
position:fixed;
left:50%;
bottom:24px;
width:calc(100% - 30px);
max-width:420px;
z-index:999999;
pointer-events:none;
opacity:0;
visibility:hidden;
transform:translate(-50%,25px) scale(.97);
transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility .3s;
}

#cfAntiRightNotice.cfShow{
opacity:1;
visibility:visible;
transform:translate(-50%,0) scale(1);
}

#cfAntiRightNotice.cfHide{
opacity:0;
visibility:hidden;
transform:translate(-50%,15px) scale(.98);
}

.cfAntiRightBox{
display:flex;
align-items:center;
gap:12px;
box-sizing:border-box;
padding:13px 15px;
border:1px solid rgba(0,131,218,.35);
border-radius:10px;
background:rgba(20,29,40,.96);
box-shadow:0 12px 35px rgba(0,0,0,.25);
color:#fff;
overflow:hidden;
position:relative;
}

.cfAntiRightBox:before{
content:'';
position:absolute;
top:0;
left:-80%;
width:60%;
height:1px;
background:linear-gradient(90deg,transparent,#38bdf8,transparent);
animation:cfAntiScan 2.4s linear infinite;
}

.cfAntiRightIcon{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 42px;
width:42px;
height:42px;
border-radius:9px;
background:rgba(0,131,218,.16);
color:#38bdf8;
font-size:21px;
}

.cfAntiRightData{
min-width:0;
line-height:1.45;
}

.cfAntiRightData b{
display:block;
font-size:13px;
letter-spacing:.6px;
margin-bottom:2px;
color:#7dd3fc;
}

.cfAntiRightData span{
display:block;
font-size:12px;
color:#e2e8f0;
}

@keyframes cfAntiScan{
0%{left:-80%;}
100%{left:130%;}
}

@media(max-width:480px){
#cfAntiRightNotice{bottom:15px;width:calc(100% - 20px);}
.cfAntiRightBox{padding:11px 12px;gap:10px;}
.cfAntiRightIcon{flex-basis:38px;width:38px;height:38px;font-size:18px;}
.cfAntiRightData b{font-size:12px;}
.cfAntiRightData span{font-size:11px;}
}
</style>

Pengaturan Cepat

enabled: true Mengaktifkan atau menonaktifkan seluruh fungsi.

showNotice: true Menampilkan notifikasi ketika klik kanan dilakukan.

message: '...' Mengubah teks pesan perlindungan.

noticeDuration: 2200 Durasi notifikasi dalam milidetik.

.cfAllowRightClick Tambahkan class ini pada elemen yang tetap boleh menggunakan klik kanan.

Membuat Area yang Tetap Bisa Klik Kanan

Salah satu keunggulan versi terbaru adalah kita tidak harus memblokir klik kanan pada seluruh elemen halaman. Jika terdapat bagian tertentu yang harus tetap dapat digunakan secara normal, cukup tambahkan class cfAllowRightClick.

<div class="cfAllowRightClick">
Konten di dalam area ini tetap bisa menggunakan klik kanan.
</div>

Fitur pengecualian sangat berguna untuk blog tutorial coding, generator, formulir, textarea, source code maupun komponen lain yang memang dibuat agar dapat berinteraksi dengan pengguna.

Generator Script Anti Klik Kanan

CODEFLARE TOOL Anti Right Click Generator

Pesan Peringatan

Durasi 1.5 detik 2.2 detik 3 detik 5 detik

Notifikasi Aktif Nonaktif

Ready to generate

INFO

---

Generator hanya membuat bagian JavaScript utama. CSS notifikasi tetap menggunakan CSS pada kode versi 2026 di atas. Jika pilihan notifikasi diatur menjadi Nonaktif, script tetap memblokir klik kanan tetapi tidak menampilkan pesan.

Script Anti Klik Kanan Tanpa Peringatan

Untuk kebutuhan yang sangat sederhana, gunakan versi berikut. Script hanya memblokir menu klik kanan tanpa menampilkan alert maupun popup.

<script>
//<![CDATA[
document.addEventListener('contextmenu', function(event) {
  if (event.target.closest('input,textarea,pre,code,.containerForm,.cfAllowRightClick')) return;
  event.preventDefault();
});
//]]>
</script>

Script Anti Klik Kanan dengan Alert

Versi ini menampilkan dialog alert bawaan browser setiap kali pengguna mencoba membuka context menu.

<script>
//<![CDATA[
document.addEventListener('contextmenu', function(event) {
  if (event.target.closest('input,textarea,pre,code,.containerForm,.cfAllowRightClick')) return;
  event.preventDefault();
  alert('Mohon maaf, klik kanan dinonaktifkan !!!');
});
//]]>
</script>

Script Anti Klik Kanan Membuka Halaman Baru

Kode berikut dapat membuka halaman tertentu ketika pengguna melakukan klik kanan. Gunakan fungsi ini dengan bijak dan hindari membuka halaman secara berlebihan karena dapat mengganggu pengalaman pengunjung.

<script>
//<![CDATA[
(function(){
  var targetURL = 'https://www.codeflare.net/';

  document.addEventListener('contextmenu', function(event){
    if(event.target.closest('input,textarea,pre,code,.containerForm,.cfAllowRightClick')) return;

    event.preventDefault();
    window.open(targetURL, '_blank', 'noopener');
  });
})();
//]]>
</script>

WARNING

Jangan menggunakan event klik kanan untuk menghasilkan klik iklan, membuka iklan AdSense atau memanipulasi interaksi pengguna terhadap unit iklan. Gunakan fitur halaman baru hanya untuk halaman milik sendiri seperti dokumentasi, kontak atau halaman informasi.

Script Anti Klik Kanan Menampilkan Gambar

Alternatif berikut menampilkan overlay beserta gambar ketika klik kanan dilakukan. Cocok untuk menampilkan logo, pemberitahuan hak cipta atau promosi internal milik sendiri.

<div id="cfAKImageOverlay" aria-hidden="true">
  <div class="cfAKImageBox">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimI4MXoYSpovcDrrpkgJEn8qVMiDXv380muZYhevdeQIJwkXsQveD6KWqgYjvRH3we1vu09quBywN1xFydwFRw0imB3rf-RzgxSNBkBQrmkWA6Y1NyMTva1zs180LGyTlkZBnPkR_RO4SSi0bvmGnNTfJ9hlQdCm3TgoUy4zeNXfAOSuigncaUwDyMEQ/s1600/logo-codeflare-192px.png" alt="CodeFlare" />
    <b>CONTENT PROTECTED</b>
    <span>Klik kanan dinonaktifkan.</span>
  </div>
</div>

<script>
//<![CDATA[
(function(){
  var overlay = document.getElementById('cfAKImageOverlay');
  var timer;

  document.addEventListener('contextmenu', function(event){
    if(event.target.closest('input,textarea,pre,code,.containerForm,.cfAllowRightClick')) return;

    event.preventDefault();

    overlay.classList.add('show');
    clearTimeout(timer);

    timer = setTimeout(function(){
      overlay.classList.remove('show');
    },2200);
  });

  overlay.addEventListener('click', function(){
    overlay.classList.remove('show');
  });
})();
//]]>
</script>

<style>
#cfAKImageOverlay{
position:fixed;
inset:0;
z-index:999999;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
box-sizing:border-box;
background:rgba(15,23,42,.72);
backdrop-filter:blur(4px);
opacity:0;
visibility:hidden;
transition:.3s ease;
}

#cfAKImageOverlay.show{
opacity:1;
visibility:visible;
}

.cfAKImageBox{
width:100%;
max-width:270px;
box-sizing:border-box;
padding:20px;
border:1px solid rgba(125,211,252,.4);
border-radius:14px;
background:#111827;
text-align:center;
color:#fff;
box-shadow:0 20px 60px rgba(0,0,0,.35);
transform:scale(.9);
transition:.3s ease;
}

#cfAKImageOverlay.show .cfAKImageBox{
transform:scale(1);
}

.cfAKImageBox img{
display:block;
max-width:100px;
max-height:100px;
margin:0 auto 12px;
}

.cfAKImageBox b{
display:block;
font-size:14px;
letter-spacing:1px;
color:#7dd3fc;
}

.cfAKImageBox span{
display:block;
margin-top:5px;
font-size:12px;
color:#cbd5e1;
}
</style>

Versi Sebelumnya

Artikel CodeFlare versi sebelumnya menggunakan engine anti klik kanan generasi lama yang dirancang agar kompatibel dengan berbagai browser lama seperti Internet Explorer dan Netscape. Kode tersebut menggunakan pemeriksaan document.layers, document.all, event mouse lama dan pada beberapa versi menggunakan jQuery.

Untuk template modern sebaiknya gunakan versi 2026 di atas. Namun kode generasi sebelumnya tetap disediakan agar pengguna yang memiliki template lama dapat memahami atau mempertahankan implementasi sebelumnya.

Legacy Engine CodeFlare Anti Right Click 2022

ARCHIVE

Compatibility Legacy Browser

Method Mouse Events

Recommended No

Versi Lama Tanpa Peringatan

<script>
var codeflareOption=0;
/* JavaScript Anti Klik Kanan Code By CodeFlare.net 2022 */
document.oncontextmenu=function(){
  codeflareNoRightClick();
  return false;
};

function codeflareNoRightClick(){
  if(codeflareOption==0){return;}
}
</script>

Versi Lama dengan Peringatan

<script>
var codeflareOption=1;
var codeflareDataTxt='Mohon maaf, klik kanan dinonaktifkan !!!';

document.oncontextmenu=function(){
  codeflareNoRightClick();
  return false;
};

function codeflareNoRightClick(){
  if(codeflareOption==1){
    alert(codeflareDataTxt);
  }
}
</script>

Versi Lama Membuka Jendela Baru

<script>
var codeflareOption=2;
var codeflareDataURL='https://codeflare.net';
var codeflareTarget='_blank';

document.oncontextmenu=function(){
  codeflareNoRightClick();
  return false;
};

function codeflareNoRightClick(){
  if(codeflareOption==2){
    window.open(codeflareDataURL,codeflareTarget);
  }
}
</script>

INFO

---

Versi legacy di atas disederhanakan pada bagian engine agar lebih mudah dibaca dan dipelajari. Fungsi dasarnya tetap sama dengan script lama: menangkap klik kanan kemudian menjalankan aksi sesuai opsi yang digunakan.

Kelebihan dan Kekurangan Script Anti Klik Kanan

Kelebihan

Mudah dipasang pada Blogger.

Tidak membutuhkan server atau database.

Mengurangi aktivitas copy-paste langsung.

Dapat digunakan bersama sistem perlindungan artikel lainnya.

Keterbatasan

Tidak dapat memberikan perlindungan konten 100%.

Dapat dilewati apabila JavaScript browser dinonaktifkan.

Dapat mengganggu pengguna jika diterapkan terlalu agresif.

Tidak menggantikan perlindungan hak cipta dan strategi SEO.

Rekomendasi Penggunaan

Jika blog hanya berisi artikel informasi biasa, script anti klik kanan dapat digunakan secara global. Namun jika blog berisi tutorial coding, form, generator atau source code, sebaiknya gunakan sistem pengecualian seperti pada versi CodeFlare 2026.

Dengan metode tersebut pengunjung tetap dapat menyalin kode yang memang sengaja dibagikan sementara teks artikel lainnya mendapat lapisan perlindungan tambahan.

Saya juga tidak menyarankan menggunakan terlalu banyak metode pemblokiran sekaligus karena pengalaman pengguna tetap menjadi hal penting. Script perlindungan sebaiknya bekerja ringan, tidak mengganggu navigasi dan tidak membuat halaman terasa sulit digunakan.

CODEFLARE RECOMMENDATION Gunakan perlindungan secara selektif.

Blokir context menu pada area artikel tetapi tetap izinkan interaksi normal pada source code, input, textarea, generator dan komponen yang memang membutuhkan fungsi copy.

Pengembangan Perlindungan Artikel

Seiring berkembangnya browser, saya lebih memilih menggunakan event standar seperti addEventListener() daripada mempertahankan pemeriksaan browser lama. Selain kode menjadi lebih ringkas, pengaturan pengecualian juga jauh lebih mudah dilakukan.

Perlindungan artikel juga tidak harus berhenti pada pemblokiran klik kanan. Sistem dapat dikembangkan dengan perlindungan text selection, shortcut tertentu, pemberitahuan copyright, watermark pada gambar atau pemantauan pola interaksi pengguna.

Tetapi setiap fitur sebaiknya tetap mempertimbangkan kenyamanan pembaca. Tujuan utama perlindungan konten bukan membuat halaman sulit digunakan, melainkan menambahkan hambatan yang cukup terhadap aktivitas penyalinan konten secara sembarangan.

CODEFLARE DEVELOPMENT Butuh sistem perlindungan Blogger yang lebih khusus?

CodeFlare dapat membantu pembuatan script Blogger, custom widget, perbaikan template, optimasi fitur hingga sistem perlindungan artikel yang disesuaikan dengan kebutuhan website.

Konsultasikan Project