Cara Terbaru Menonaktifan Fungsi Seleksi Pada Text dengan CSS

Cara Terbaru Menonaktifan Fungsi Seleksi Pada Text dengan CSS

Pekanan.com | Salam blogger,,,

Bagi agan yang ingin menonaktifkan fungsi seleksi pada setiap postingan blognya, agan sedang baca artikel yang tepat, karena pada kesempatan kali ini saya akan berbagi tips cara untuk menonaktifakan fungsi seleksi pada konten blog.


Melihat banyaknya plagiator yang tidak menghargai karya orang lain, dengan cara mengcopy seluruh konten yang ada pada sebuah blog, tanpa memberikan link sumber dofollow pada blog utamanya, menonaktifkan seleksi pada seluruh postingan blog mungkin bisa menjadi solusi yang tepat untuk mencegah plagiator yang tidak bertanggung jawab.

Baca juga: Cara Memberikan Link Sumber Otomatis Saat Artikel dicopas

Bagi agan yang memiliki masalah diatas, pada kali ini saya akan memberikan solusi agar konten yang agan muat tidak lagi dimaling oleh orang yang tidak bertanggung jawab.

Nah, lalu bagaimana cara untuk menonaktifkan fungsi seleksi pada postingan blog? caranya sangat mudah gan, agan cukup pasang CSS anti seleksi pada template agan maka postingan agan tidak akan bisa diseleksi seluruhnya atau sebagianya.

Jangan hawatir akan memberatkan loading blog, karena cara menonaktifkan fungsi seleksi ini hanya menggunakan CSS jadi tidak akan memberatkan loading blog, sehingga blog agan akan tetap fast load.

Simak cara menonaktifkan fungsi seleksi pada blog berikut ini:

1. Menonaktifkan fungsi seleksi pada text tertentu

1. hal pertama pastingan agan sudah masuk di Edit HTML.

2. Copy CSS anti seleksi dibawah ini:

.blog-content{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
3. Lalu pastekan di atas ]]></b:skin> atau </style>

Kemudian ketika agan akan membuat postingan gunakan kode HTML berikut:

<div class="blog-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam perspiciatis dolorum! Quis dignissimos voluptatem illum facilis suscipit repellat non voluptates hic laboriosam nesciunt rem voluptatum provident obcaecati ea eum reiciendis nisi explicabo.</div>

2. Menonaktifkan fungsi seleksi pada seluruh text

Jika agan tidak ingin lama-lama meng-copy HTML pada setiap postingan blog agan, maka agan bisa menggunakan CSS dibawah ini agar fungsi seleksi dinonaktifkan diseluruh konten blog agan secara otomatis.

1. Copy CSS dibawah ini

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

2. lalu pastekan diawat kode ]]></b:skin> atau </style>

lalu bagaimana dengan kode script yang ada pada highlight box, apakah fungsi seleksi tidak aktif?
ya, kode script yang agan posting pada konten agan tidak bisa diseleksi lagi.

tapi jika agan ingin script pada highlight tetap bisa diseleksi cukup tambahkan kode CSS dibawah ini dan letakan sama dengan CSS diatas, yaitu diatas ]]></b:skin> atau </style>

pre{ -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

3. jangan lupa untuk disave templatenya agar CSS nya berfungsi.

Nah, demikian cara menonaktifkan fungsi seleksi pada blog, dengan memasang kode CSS ini maka konten agan tidak akan dimaling lagi oleh orang yang tidak bertanggung jawab.

Semoga bermanfaat dan selamat mencoba.

6 Responses to "Cara Terbaru Menonaktifan Fungsi Seleksi Pada Text dengan CSS"

Selamat Datang di Blog Pekanan.com