Anti Copy Paste untuk Artikel Blog | eraaxia

Cara Disable Block Teks Untuk mencegah Pencurian artikel

Sebenarnya postingan kali ini adalah pencekalan saya terhadap artikel ini, selain judulnya yang gak mengenakkan hati, dan karena anti copas yang diterapkan masih bisa di copas dengan cara - cara yang berbeda, namun ada juga yang anti copas 100% tetapi hal ini tidak baik untuk diterapkan pada postingan tutorial yang mengharuskan copas, walaupun kita memberi tag <pre> pada artikel tertentu tidak akan berfungsi kalau sudah menggunakan anti copas 100%, untuk nice blog  yang mebahas soal lain mungkin bisa di terapkan.

Berangkat dari thread yang cukup panjang saat saya melakukan blogwalking di tempat kang Adhy Suryadi, saya merasa perlu membagikan ilmu ini pada kalian semua.

Pada dasarnya topik yang akan kita bahas ini adalah cara mengamankan artikel blog agar tidak bisa di copy/paste, namun kita bukan membahas tentang Bagaimana cara membuat anti Klik Kanan agar artikel tidak dicuri. Kenapa begitu?

Karena dengan membuat artikel original yang telah kita tulis dengan susah payah menjadi tidak bisa di block, maka fungsi klik kanan pun tidak akan memunculkan opsi copy karena tidak dapat menyeleksi objek sasaran.

Ada banyak cara membuat fungsi anti block dan copy pada blog, seperti menggunakan javascrept dan satunya lagi menggunakan CSS. Dari kedua cara umum tersebut saya lebih menyarankan anda menggunakan CSS, kenapa?

Ingat javascript tidak mutlak artinya seseorang masih akan tetap bisa mengkopy artikel anda dengan cara menonaktifkan javascrept yang ada dibrowser mereka, jadi sia-sia kan?. Dan ketika anda menggunakan cara yang kedua yaitu menggunakan CSS ini tidak akan terpengaruh dengan fitur javascript yang dinonaktifkan, bisa dibilang lebih absolute.

Selain itu penggunaan CSS style juga lebih efektif karena aplikable, penggunaan dapat kita kreasikan sesuai keinginan kita.

Ok saya telah memberikan referensi yang terbaik untuk anda terapkan, saatnya kita mulai membuat Anti Block dan Copas dengan CSS Style pada halaman atau bagian tertentu pada blog yang kita kenedaki.

Perlu Anda tahu topik kali ini juga akan memberikan solusi agar fungsi anti block teks ini berjalan efektif sesuai keinginan anda, satu lagi saran saya pastikan anda sudah memiliki css untuk tag pre di blog anda, bukan keharusan sih karena anda masih dapat menggukan tag yang lain seperti blockqoute, i, dan lainya. Domo-nya mana? demonya langsung anda coba saja seleksi dibagian manapun anda inginkan, anda akan buktikan code ini berkerja.

Perhatikan Code CSS dibawah ini

pre,code{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}i{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}blockquote{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}

kode diatas adalah fungsi yang akan membuat pengecualian saat halaman penting yaitu pada tag <div class='post-body'>............</div> menjadi tidak bisa diblock, CSS diatas adalah yang saya maksud akan membuat fungsi anti block teks ini menjadi efektif alias tidak membabi buta karena kita memberikan pengecualian. Hal ini akan sagat membantu jika blog anda juga memiliki artikel tutorial semacam ini, karena pembaca masih diberikan kesempatan untuk menyalin bagian tertentu dari artikel terkait.

Cara menerapkan Anti Block dan Copy Pada Bagian Tertentu di blog

---

Ikuti langkah dibawah ini.

1. Masuk ke Blogger

2. Pilih blog yang akan disetting

3. pilih menu Template lalu Masuk ke Edit HTML

4. Cari kode ]]></b:skin>  atau </style> (gunakan CTRL+F atau F3 agar lebih mudah.)

5. Tambahkan kode CSS ini diatasnya

.post-body{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

NB: kode diatas berfungsi memberikan informasi kepada browser bahwa seluruh content yang berada didalam cakupan css style .post-body untuk tidak diberikan respon saat anda mencoba menyeleksi teks yang berada dalam cakupan  <div class='post-body'> ................ </div>.

Setelah menanam kode diatas pada Document HTML anda, maka kode CSS diatas masih belum efektif karena belum memiliki pengecualian. Mari kita berikan pengecualian agar fungsinya lebih efektif.

6. Masih di Edit HTML, tambahkan juga kode CSS berikut

pre,code{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}blockquote{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}i{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}k{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}

7. Simpan Template.


Ok Sampai disini sudah siap. Seperti yang telah saya jelaskan tadi kode CSS seperti diatas adalah yang akan memberikan pengecualian. Untuk dapat menggunakan pengecualian anda harus memanggilnya dengan menuliskan perintah berikut saat anda memposting artikel.


Berikut perintah yang bisa anda gunakan:

<pre><code> Kode atau Teks yang diperbolehkan diBlock dan diCopy </code></pre>

<blockquote> Teks yang diperbolehkan diBlock dan diCopy </blockquote>

<i> Teks yang diperbolehkan diBlock dan diCopy </i>

<k> Teks yang diperbolehkan diBlock dan diCopy </k>

NB: Untuk menambahkan kode tersebut diatas pastikan anda sudah beralih ke Tap HTML mode saat anda membuat postingan, pilih salah satu saja atau semuanya yang anda inginkan. Anda juga dapat menambahkan tag yang lain selama anda mengerti tentang CSS.


Sekian bahasan kita tentang Cara Membuat Anti Block Teks dengan CSS Style Pada Bagian Tertentu di blog, semoga bisa membantu.

( Tutorial di atas saya ambil dari www.primecybr.com, dan sudah memasang anti copas tetapi masih bisa di copas, mungkin juga sengaja tidak menerapkan anti copas 100% )

Dan tentunya saya pun bisa ambil artikel dari blog tersebut lengkap dengan komentar-komentar yang sudah ada.

==================================================================================================

Itulah tutorial sebagai contoh kalau postingan masih bisa di copas, dan untuk menerapkan anti copas 100% maka gunakan kode berikut ini, dan perlu diingat kode anti copas ini tidak cocok untuk blog yang membahas tutorial yang mewajibkan copas seperti kode html, script atau css

Caranya adalah sebagai berikut:

1. Template > Edit HTML

2. Temukan (Ctrl+F) kode <body>

3. Ganti/replace kode <body> dengan kode berikut ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>

Cara Lain:

Cara lain yang "lebih rumit" namun "lebih menarik" adalah sebagai berikut.
1. Template > Edit HTML
2. Temukan kode </head>
3. Copy+Paste kode berikut ini sebelum </head>. Jika tidak bergungsi, coba simpan sebelum kode </body>

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Catatan: Anda bisa mengganti pesan "Function Disabled!" dengan kata-kata sendiri di kode var message="Function Disabled", misalnya menjadi: "Hey! Mau ngintip ya, sorry!"

4. Save Template!

Dengan memasang kode anti copas, mematikan fungsi klik kanan, dan disable Ctrl+U, juga anti Ctrl+P dan Ctrl+C di atas, maka blog Anda praktis hanya bisa dibaca, tidak dibisa dicopas, juga tidak bisa diintip "dalemannya".

Tapi, CB tidak menyarankan Anda memasang Kode Anti Copas, Matikan Klik Kanan, dan Disable Ctrl+U ini karena blogging is sharing, right?

Biarin ajalah... ikhlaskan... jika ada yang copas postingan blog Anda, semoga para "blogger tukang copas" sadar akan kekhilafannya, minimal mencantumkan sumbernya.

(sumber artikel ini saya ambil dari blog mastah www.contohblog.com, yang masih berbaik hati tidak memasang anti copas, sesuai dengan pernyataan di atas )

Mungkin ini beresiko kena sanksi oleh mbah google tentang plagiat, walaupun sudah ada sumbernya, karena google menutup mata soal sumber, tetapi enjoy saja lah bagi saya,,,hehehe,,