Cara agar artikel postingan blog tidak bisa di Copy-paste

Apa jadinya ketika artikel yang sudah susah payah buat dengan peras otak banting jari tiba-tiba ketauan sudah di copy-paste oleh blogger pengambil kontent yang tidak bertanggung jawab, mekipun untuk yang mengambil konten sudah diberikan peringatan namun tidak sedikit dari mereka tidak mengindahkan peringatan yang sudah dibuat, pada akhirnya, dengan terpaksa harus merelakan artikel berkualitas  muncul di blog lainnya, apalagi artikel sepenuhnya langsung di Copy-paste tanpa ada modifikasi judul dan isi artikel.

Meskipun tak sedikit yang tidak mempermasalahkan tindakan Copy-paste, namun yang mengambil hasil karya tanpa ada izin dari sang empunya tetap saja dianggap sebagai tindakan ilegal.

Cara memprotek postingan blog tidak bisa di copy paste

berikut tips yang bisa digunakan untuk menghindari pengambilan konten dengan cara memprotek postingan blog agar tidak bisa dicopy-paste secara langsung, ada dua cara yang bisa di gunakan, cara pertama adalah dengan menggunakan kode CSS (Cascade Style Sheet), cara kedua adalah dengan menggunakan javascript, berikut langkah-langkahnya:

Baca Juga : Cara Copy Situs Yang Terkunci/Tidak Bisa di Copy

1. Menggunakan Script CSS 

Salah satu cara yang bisa di gunakan agar artikel postingan tidak bisa di copy-paste adalah dengan menggunakan script CSS, css sebenarnya digunakan untuk mengatur tata letak halaman situs sekaligus mengelola design atau mendekorasi halaman situs, namun CSS bisa di gunakan untuk membuat artikel postingan tidak bisa di copy-paste secara langsung, berikut langkah-langkahnya:

 a .Silahkan masuk ke halaman akun blog .

 b. pada bilah menu sebelah kiri pilih menu "Template" kemudian cari dan tekan tombol "Edit HTML"

c. pada editor template tekan tombol CTRL+F untuk melakukan pencarian dan cari block kode "]]></b:skin>", tanpa tanda kutip, kemudian copy kode CSS berikut, letakan tepat diatas sebelum block kode tersebut:

body{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}

Jika menerapkan kode diatas, maka seluruh tampilan blog menjadi tidak dapat di seleksi dan tidak dapat di copy-paste itu karena kode diatas di pasang di TAG body, yang menyebabkan seluruh tampilan halaman tidak dapat diseleksi, tentu saja untuk kasus-kasus tertentu cara diatas kurang efektif, jika bermaksud untuk menonaktifkan (unselectable) hanya sebagian area saja maka harus pasang kode diatas untuk TAG tertentu yang ingin dinonaktifkan.

Namun untuk menerapkannya harus mengetahui tag-tag blog, untuk mengetahuinya bisa menggunakan fasilitas inspeksi element pada browser .

 Misalkan, ingin menonaktifkan hanya bagian postingan saja menjadi tidak dapat diseleksi, namun jika terdapat Quote didalam postingan harus bisa diseleksi, langkah-langkahnya adalah:

1. Silahkan cari nama TAG HTML untuk struktur postingan baik itu ID maupun classnya, misal nama tag id untuk postingan adalah <div id='post' ..... sedangkan nama tag id untuk quote postingan adalah <div class='my-quote', maka untuk menonaktifkan postingan kecuali quote harus tetap aktif adalah sebagai berikut:

-Agar postingan tidak dapat di copy-paste, maka pasang kode diatas untuk tag HTML postingan melalui ID tag (id='post'), lihat ilustrasi diatas, kode yang harus di pasang adalah sebagai berikut:

#post{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}

Jika hanya memasang kode diatas, maka seluruh area yang ada didalam postingan menjadi tidak bisa di copy-paste, oleh karena itu jika menginginkan beberapa bagian didalam area postingan, misalnya quote ingin tetap bisa di seleksi dan di copy-paste, maka tambahkan lagi kode dibawah ini:

-Agar Quote yang ada didalam postingan aktif, maka harus memasang kode tersebut di TAG HTML untuk Quote, dalam hal ini maka pasang di attribut kelasnya, kode yang harus pasang selanjutnya adalah:

#post .my-quote{display:block;
-khtml-user-select:text;
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
-o-user-select:text;
user-select:text;
unselectable:off;}

oh ya, kode diatas tentu saja disarankan diletakan sebelu kode </head> dan bungkus kode diatas diantara kode
<style type='text/css'>
---------letakan kode-kode diatas diarea ini--------
</style>

2. Menggunakan Kode JavaScript

Javascript digunakan sebenarnya untuk membuat halaman situs lebih interaktif, memberikan sentuhan animasi dan lainnya, selain itu javascript bisa di gunakan untuk membuat artikel postingan blog tidak dapat di copy-paste, atau artikel postingan tetap dapat di copy-paste namun ketika di copysecara otomatis, link sumber akan disertakan, berikut langkah-langkahnya:

 a .Silahkan masuk ke halaman akun blog.

 b. pada bilah menu sebelah kiri pilih menu "Template" kemudian cari dan tekan tombol "Edit HTML"

-khtml-user-select:text;
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
-o-user-select:text;
user-select:text;
unselectable:off;}

oh ya, kode diatas tentu saja disarankan diletakan sebelu kode </head> dan bungkus kode diatas diantara kode
<style type='text/css'>
---------letakan kode-kode diatas diarea ini--------
</style>

2. Menggunakan Kode JavaScript

Javascript digunakan sebenarnya untuk membuat halaman situs lebih interaktif, memberikan sentuhan animasi dan lainnya, selain itu javascript bisa di gunakan untuk membuat artikel postingan blog tidak dapat di copy-paste, atau artikel postingan tetap dapat di copy-paste namun ketika di copy-secara otomatis, link sumber akan disertakan, berikut langkah-langkahnya:

 a .Silahkan masuk ke halaman akun blog .

 b. pada bilah menu sebelah kiri pilih menu "Template" kemudian cari dan tekan tombol "Edit HTML"

c. pada editor template tekan tombol CTRL+F untuk melakukan pencarian dan cari block kode "</head>", tanpa kutip, kemudian gunakan kode javascript berikut, letakan tepat diatas sebelum block kode tersebut:

 <script type="text/javascript"> function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
    target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
    target.style.MozUserSelect="none"
else //All other route (ie: Opera)
    target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>

Sekarang sudah mengetahui cara menghindari copy-paste dengan kedua cara diatas, lantas mana yang lebih baik, menurut saya pribadi yang lebih baik adalah yang menggunakan kode CSS, kelemahan menggunakan kode Javascript adalah bisa diakali dengan mendisable javascript pada browser, Copy-paste akan tetap berjalan, kedua-duanya perlu dicoba, jika perlu gunakan kedua script diatas.

Share :

Tweet

✚

Related Post