Kotak anti klik kanan dengan CSS

Di pagi yang cerah ini saya akan menjelaskan sedikit tutorial tentang masalah-masalah copas atau bisa di sebut 'Copy Paste',mungkin copas sudah menjadi kebudayaan para blogger jika sudah kehabisan akal untuk membuat artikel,sehingga dia terpaksa mengcopas artikel orang lain,sebenarnya cara itu boleh-boleh saja dilakukan but,ada tapinya si pengcopas itu harus menyantumkan link sumbernya,agar tidak dikira hanya sembarang copas,dan tidak menghargai si pemilik asli artikel itu,solusinya ada disini

tapi untuk yang ini beda,tutorial yang saya gunakan sekarang ini menggunakan css jadi masih tidak akan bisa di copas oleh para pengcopas asal itu,tapi tutorial ini juga kawan,yaitu jika di 'view page source' (semua punya kekurangan gak ada yang sempurna kecuali tuhan) contoh kotaknya seperti dibawah ini.

Silahkan copy teks dalam box ini sepuas anda! Jangan lupa copy juga link gambarnya. He .... he .... asal nggak pakai open source pasti tangannya sobat akan pegal!

Gimana menarik bukan?,mantap bukan? hehehe... ok,langsung saja tutorialnya dibawah ini.

Kode CSS

<style type="text/css">
/* CSS no-right click */
.CSSnoRightClick{
 position:relative; /* penting */ 
 width:250px;
 height:auto; /* menyesuaikan dengan isi box  */ 
 background:rgba(255,0,0,0.1); /* background box */ 
 padding:10px;
 border:1px solid #777;
 margin:20px auto; /* membuat box ditengah  */ 
}
.CSSnoRightClick:after{
 content:".";
 position:absolute;  /* penting */ 
 top:0;
 left:0;   /* by : http://musakhairulumam.blogspot.com/ */ 
 width:99.5%;  /* penting untuk melokalisir yg dilindungi*/ 
 height:99%;   /* penting untuk melokalisir yg dilindungi*/  
}
</style>

Kode HTML

<div class="CSSnoRightClick">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_BzHw7DqLPEa9fr_at21r0r-rJbgizepxgzj3dygtgxkKdZBs31K5fT78R9tnOz_zGJHKNEoxbA-8wn5PG5cQz0Bz9F4ZrKlxJFLFqjmha-llAW59_SzLxLbHfLT30ttVMY7yvuYhWns/s400/race+car+wallpaper-3.jpg" style="float: left; height: 110px; margin: 5px 10px 0 5px; width: 150px;" /> Silahkan copy teks dalam box ini sepuas anda! Jangan lupa copy juga link gambarnya. He .... he .... asal nggak pakai open source pasti tangannya sobat akan pegal!</div>

 Ok,gimana berhasil enggak,kalo belum praktek,praktekin aja dulu,semoga sukses