Membuat Klik kanan Aktif di Bagian Tertentu Posting Blog

Sebelumnya telah dibahas hal yang sama bagaimana cara membuat klik kanan Blogger tidak aktif, namun mungkin masih ada yang belum puas dengan cara tersebut, atau bisa jadi ingin mencoba cara yang lain untuk Membuat klik kanan Aktif di Bagian Tertentu Posting Blog saja. Tujuannya sama agar tulisan yang kita miliki pada posting blog tidak mudah diambil atau ditiru oleh orang lain.

Tanpa harus berpanjang lebar lagi, berikut adalah caranya:

1. Silahkan Login akun blogger
2. Pada halaman Dasbor blogger, pilih menu - Template
3. kemudian - Edit HTML
4. kemudian pilih bagian mana yang ingin tidak bisa dicopy paste. Misalnya pada bagian postingan.
   Maka carilah kode css .post.
   Mungkin ada template yang tidak memiliki kode css tersebut, silahkan tambahkan saja kode css .post sendiri
5. Setelah itu silahkan masukkan kode css berikut ini
   

   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -ms-user-select:none;
   -moz-user-select:none

   Sehingga kode lengkapnya akan seperti ini
   

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

6. Sebenarnya pada bagian ini sudah mirip seperti tulisan sebelumnya cara membuat klik kanan Blogger tidak aktif. Namun tujuan kita agar bagian tertentu tidak bisa dicopy paste, maka kita buat kode css diatas yang ada tulisan none menjadi text.
   Misalkan saya hanya ingin bagian blockquote saja yang bisa dicopy paste, maka tambahkan kode css-nya seperti berikut ini tepat bawah kode css tadi.
   

   .post blockquote {
     -webkit-touch-callout:text;
     -webkit-user-select:text;
     -khtml-user-select:text;
     -ms-user-select:text;
     -moz-user-select:text;
   }

7. Kemudian klik - Simpan Template , dan untuk melihat hasilnya klik - Lihat Blog.

Disarankan modifikasi kode di atas sekreatif mungkin. Misalkan saya akan ubah kode di atas agar bagian pre saja yang bisa dicopas, maka tambahkan css .post pre disamping kode css .post blockquote. Hasil kode css seperti berikut ini :

.post blockquote,.pos pre {
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -khtml-user-select:text;
  -ms-user-select:text;
  -moz-user-select:text;
}

Pada contoh di atas bisa anda tambahkan pada bagian lainnya agar klik kanan atau dicopas hanya aktif dibagian tertentu saja.

Semoga Bermanfaat, selamat mencoba :)