Hallo sahabat kursus html private online, dalam kesempatan ini saya akan membagikan tutorial tentang Cara Non Aktif Copy Text Pada Website. Sahabat tentu sering melakukan jurus copy paste pada sebuah website bukan. Dalam kasus ini kita akan belajar bagaimana cara menonaktifkan selection text pada website. Cara Non Aktif Copy Text ini saya akan bagikan secara sederhana yaitu menggunakan HTML CSS.
Baiklah langsung saja kita mulai cara membuatnya seperti langkah-langkah berikut ini:
Pertama, sahabat silahkan buka text editornya kemudian ketikan struktur HTML seperti dibawah ini
<div class="wrapper"> <h3>Menonaktifkan Copy Text Dengan HTML CSS</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque nulla at esse possimus, sed est facere praesentium. Rerum soluta necessitatibus itaque fugit quisquam nobis sint cum voluptate nihil inventore perspiciatis illum consectetur, quod illo nulla pariatur cumque sed veniam, quo. Ducimus quis a eius enim alias ipsam, fugit laboriosam, veritatis.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque nulla at esse possimus, sed est facere praesentium. Rerum soluta necessitatibus itaque fugit quisquam nobis sint cum voluptate nihil inventore perspiciatis illum consectetur, quod illo nulla pariatur cumque sed veniam, quo. Ducimus quis a eius enim alias ipsam, fugit laboriosam, veritatis.</p> </div>
pada code diatas ada class=”wrapper” merupakan element parent dari h3 dan p.
Kedua, sekarang tambahkan style CSS seperti berikut yah kawan kursus html private online:
.wrapper{
width: 900px;
margin: 25px auto;
padding: 30px;
box-shadow: 2px 4px 2px 5px #e2ec3b;
/* menambahkan style css untuk menonaktifkan seelction text */
-webkit-user-select:none ;
-moz-user-select:none ;
-ms-user-select:none ;
-o-user-select:none ;
user-select:none ;
}
p{font-size: 20px}
Jadi bisa diperhatikan pada bagian -webkit-user-select:none sampai user-select:none berfungsi agar teks yang diselect tidak bisa dicopy pada website.
Demikian pembahasan artikel dari kami kursus privat html online ini Cara Non Aktif Copy Text Pada Website, semoga bermanfaat dan selamat mencoba.
terima kasih.