Cara Mematikan Fitur Drag Dengan CSS Pada Blogger

Kali ini saya ingin membagikan cara untuk mematikan Fitur Drag pada blogger, dengan mematikan fitur ini kita dapat meminimalisir adanya Artikel pada blog kita untuk di copy paste dengan begini pasti akan sangat meminimalisir sekali apalagi jika kita sudah lelah buat postingan malah kena copy paste pasti sakit banget donk.

Dengan cara ini makan para copy paste tidak akan bisa melakukan seleksi pada postingan kita jadi enggak mungkin kena copy paste tapi ini hanya berlaku Komputer dan Laptop sedangkan untuk Smartphone masih dapat melakukan seleksi jadi tidak memungkinkan jika masih dapat kena copy paste.

Cara Mematikan Fitur Drag Dengan CSS Pada Blogger

Disini saya membagikan 2 cara yaitu dengan cara hanya Postingan saja yang tidak bisa di seleksi dan semua halaman yang tidak dapat di seleksi kamu dapat memilihnya mau yang hanya di halaman postingan saja atau di semua halaman agar tidak dapat di seleksi oleh para copaser.

Pada Semua Halaman Saja


Pada bagian body ini juga kita tanamkan sedikit CSS agar tidak bisa di seleksi maka semua halaman yang ada pada blog kita tidak dapat melakukan seleksi dikarenakan kita mematikan fitur seleksi itu sendiri, oleh sebab itu maka semua halaman yang ada seperti Homepage, Postingan, Statis dan lainnya akan tidak bisa di seleksi oleh orang lain.

Berikut kode CSS

-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none

Cari dulu kode body di template kamu jika sudah ketemu langsung saja tambahkan CSS diatas di dalamnya hingga menjadi seperti ini

body{background:#F6F7F9;margin:0;padding:0;color:#585858;font:normal 100% "PT Serif",Georgia,serif;font-size:16px;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}

Pada  Bagian Postingan Saja

Sedangkan untuk bagian postingan saja bagian tertentu saja karena ini hanya untuk bagian postingan saja yang berarti bagian seperti Homepage masih dapat diseleksi tapi itu hanya Title bukan Isi Artikel jadi ngak perlu kawatir kena copy paste.

Untuk pemasangan kode ini cukup menaruhnya di bagian kode .post-body dengan begitu maka akan mempermudah kita memasukan CSS nya agar tidak kena Copy Paste nantinya.

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

Masukan kode diatas pada bagian kode .post-body

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

Mau Lihat demonya ? kalau mau bisa di coba dibawah ini bisa kamu teliti kok :D
See the Pen Selection None by Kang Iyan (@KangIyan) on CodePen.

Oke sekian dulu saja Tutorial kali ini yah ;) nanti saya akan update lagi Tutorial Lainnya di tunggu saja :D
Show comments
Hide comments

8 Responses to "Cara Mematikan Fitur Drag Dengan CSS Pada Blogger"

Centang kotak "NOTIFT ME" agar mendapatkan notifikasi melalui email ketika ada yang membalas komentar kamu.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Δ