Jika anda kebetulan mengalami hal yang sama seperti apa yang pernah saya alami. berikut tips yang bisa digunakan untuk menghindari pengambilan konten dengan cara memprotek postingan blog agar tidak bisa dikopi paste secara langsung, ada dua cara yang bisa kita gunakan, cara pertama adalah dengan menggunakan kode CSS (Cascade Style Sheet), cara kedua adalah dengan menggunakan javascript, berikut langkah-langkahnya:
1. Menggunakan Script CSS
Salah satu cara yang bisa kita gunakan agar artikel postingan tidak bisa dikopi 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 kita gunakan untuk membuat artikel postingan tidak bisa di kopi paste secara langsung, berikut langkah-langkahnya:
Namun untuk menerapkannya anda harus mengetahui tag-tag blog anda, untuk mengetahuinya anda bisa menggunakan fasilitas inspeksi element pada browser anda. Misalkan, anda 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 anda baik itu ID maupun classnya, misal nama tag id untuk postingan anda adalah <div id='post' ..... sedangkan nama tag id untuk quote postingan anda adalah <div class='my-quote', maka untuk menonaktifkan postingan kecuali quote harus tetap aktif adalah sebagai berikut:
Agar postingan anda tidak dapat dikopi paste, maka pasang kode diatas untuk tag HTML postingan anda melalui ID tag (id='post'), lihat ilustrasi diatas, kode yang harus anda pasang adalah sebagai berikut:
Jika anda hanya memasang kode diatas, maka seluruh area yang ada didalam postingan menjadi tidak bisa dikopi paste, oleh karena itu jika anda menginginkan beberapa bagian didalam area postingan, misalnya quote ingin tetap bisa di seleksi dan di kopi paste, maka anda tambahkan lagi kode dibawah ini:
-Agar Quote yang ada didalam postingan aktif, maka anda harus memasang kode tersebut di TAG HTML untuk Quote, dalam hal ini kita pasang di attribut kelasnya, kode yang harus anda pasang selanjutnya adalah:
Javascript digunakan sebenarnya untuk membuat halaman situs lebih interaktif, memberikan sentuhan animasi dan lainnya, selain itu javascript bisa kita gunakan untuk membuat artikel postingan blog tidak dapat dikopi paste, atau artikel postingan kita tetap dapat dikopi paste namun ketika dikopi secara otomatis, link sumber akan disertakan, berikut langkah-langkahnya:
Sekarang anda sudah mengetahui cara menghindari kopi 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, kopi paste akan tetap berjalan, kedua-duanya perlu dicoba, jika perlu gunakan kedua script diatas.
Salah satu cara yang bisa kita gunakan agar artikel postingan tidak bisa dikopi 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 kita gunakan untuk membuat artikel postingan tidak bisa di kopi paste secara langsung, berikut langkah-langkahnya:
- Silahkan anda masuk ke halaman akun blog anda.
- pada bilah menu sebelah kiri pilih menu "Template" kemudian cari dan tekan tombol "Edit HTML"
- pada editor template tekan tombol CTRL+F untuk melakukan pencarian dan cari block kode "]]></b:skin>", tanpa tanda kutip, kemudian kopi kode CSS berikut, letakan tepat diatas sebelum block kode tersebut:
body{display:block;Jika anda menerapkan kode diatas, maka seluruh tampilan blog menjadi tidak dapat di seleksi dan tidak dapat dikopi paste itu karena kode diatas kita pasang di TAG body, yang menyebabkan seluruh tampilan halaman tidak dapat diseleksi, tentu saja untuk kasus-kasus tertentu cara diatas kurang efektif, jika anda bermaksud untuk menonaktifkan (unselectable) hanya sebagian area saja maka anda harus pasang kode diatas untuk TAG tertentu yang anda ingin dinonaktifkan.
-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;}
Namun untuk menerapkannya anda harus mengetahui tag-tag blog anda, untuk mengetahuinya anda bisa menggunakan fasilitas inspeksi element pada browser anda. Misalkan, anda 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 anda baik itu ID maupun classnya, misal nama tag id untuk postingan anda adalah <div id='post' ..... sedangkan nama tag id untuk quote postingan anda adalah <div class='my-quote', maka untuk menonaktifkan postingan kecuali quote harus tetap aktif adalah sebagai berikut:
Agar postingan anda tidak dapat dikopi paste, maka pasang kode diatas untuk tag HTML postingan anda melalui ID tag (id='post'), lihat ilustrasi diatas, kode yang harus anda 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 anda hanya memasang kode diatas, maka seluruh area yang ada didalam postingan menjadi tidak bisa dikopi paste, oleh karena itu jika anda menginginkan beberapa bagian didalam area postingan, misalnya quote ingin tetap bisa di seleksi dan di kopi paste, maka anda tambahkan lagi kode dibawah ini:
-Agar Quote yang ada didalam postingan aktif, maka anda harus memasang kode tersebut di TAG HTML untuk Quote, dalam hal ini kita pasang di attribut kelasnya, kode yang harus anda pasang selanjutnya adalah:
#post .my-quote{display:block;oh ya, kode diatas tentu saja disarankan diletakan sebelu kode </head> dan bungkus kode diatas diantara kode
-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;}
<style type='text/css'>2. Menggunakan Kode JavaScript
---------letakan kode-kode diatas diarea ini--------
</style>
Javascript digunakan sebenarnya untuk membuat halaman situs lebih interaktif, memberikan sentuhan animasi dan lainnya, selain itu javascript bisa kita gunakan untuk membuat artikel postingan blog tidak dapat dikopi paste, atau artikel postingan kita tetap dapat dikopi paste namun ketika dikopi secara otomatis, link sumber akan disertakan, berikut langkah-langkahnya:
- Silahkan anda masuk ke halaman akun blog anda.
- pada bilah menu sebelah kiri pilih menu "Template" kemudian cari dan tekan tombol "Edit HTML"
- pada editor template tekan tombol CTRL+F untuk melakukan pencarian dan cari block kode "</head>", tanpa tanda 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 anda sudah mengetahui cara menghindari kopi 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, kopi paste akan tetap berjalan, kedua-duanya perlu dicoba, jika perlu gunakan kedua script diatas.