Rabu, 07 Desember 2016

CSS Anti Copy Paste Kecuali di Bagian Tertentu

SAKJANESIP - Jumpa lagi gengs ! Cerita dulu nih ya, saat itu ketika saya masih di bangku SMK kan ada UKK tuh ya, buat program kredit motor 3 bulan full buat sampek flu, demam dan gak karuan pokoknya hanya demi satu website itu gengs. Selesai error sudah fix ada temen bro liat website mu dong.. ane bolehin pas adi tinggal ke kamar mandi udah ada Flashdisk yang nancap, ue kirain sih ngopy film atau apalah eh gak taunya ! website gue di embat dasar tukang copas 😁.

CSS Anti Copy Paste Kecuali di Bagian Tertentu
Ilustrasi | RAISA SAKJANESIP

Siapa yang kecewa coba? ya saya hehe, tapi tenang karena di topik kali ini saya akan membuka rahasia agar blog nya tidak bisa di copas yaitu dengan memasang CSS anti copy paste kecuali di bagian tertentu. Maksudnya di bagian tertentu adalah sobat bisa kasih atau kecualikan post untuk bisa di copy dan yang lain tidak. Baiklah kita langsung saja ke action ya.


CSS Anti Copy Paste Kecuali di Bagian Tertentu


Masuk ke blog sobat ⇏ Template ⇏ EDIT HTML ⇏ Salin kode di bawah taruh di atas ]]></b:skin>  atau </style>


/* Kode tidak bisa di copy */

.post-outer {

-webkit-touch-callout:none;

-khtml-user-select:none;

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

}

Simpan dan cek hasilnya, mudah bukan ? kalau blog tidak bisa di copy data yang di post serasa kurang bagus lho ya sobat, tapi tenang silahkan salin kode di bawah ini dan letakan seperti cara di atas.


/*Kode Bagian tertentu Bisa Di Copy Paste*/

.post blockquote,.post pre,.post code{

  -webkit-touch-callout:text;

  -khtml-user-select:text;

  -webkit-user-select:text;

  -moz-user-select:text;

  -ms-user-select:text;

}

Fungsi dari CSS di atas sobat bisa menambahkan tag mana yang bisa di copas jadi artikel akan tetap normal khusus yang menuju ke tips & trik iya kan ? Contoh penambahan tag silahkan liat di bawah ini :



/* Kode Bagian tertentu Bisa Di Copy */

.post_body p, .post blockquote,.post pre,.post code{

  -webkit-touch-callout:text;

  -khtml-user-select:text;

  -webkit-user-select:text;

  -moz-user-select:text;

  -ms-user-select:text;

}

Cukup Tambahkan saja lokasi mana yang sobat boleh di copas.


Demikian saja ya tutorial pasang CSS Anti Copy Paste Kecuali di Bagian Tertentu, Jika ini bermanfaat silahkan share terimakasih.


EmoticonEmoticon