Langsung ke konten utama

proteksi konten halaman website css javascript

Pengen biar konten di halaman web lo gak bisa di copy paste begitu aja ?? wah berati lo orang yang ga ikhlas yah hahahaha... di internet kan semua bebas tapi kadang ada konten yang mesti kita batasi penyebarannya. oke langsung aja ini sebagian kecil cara buat melindungi konten halaman website lo biar gak gampang di copy paste oleh orang orang awam ya. ada 2 cara yaitu 

1. javascript 

siapa yang gak kenal sama javascript ?? script yang satu ini emang paling topcer bangat dah sifatnya yang fleksibel jadi bisa dipake dihampir semua kehidupan elektronik dan internet di dunia. berikut ini adalah contoh skripnya 
<script type="text/javascript">
    document.oncontextmenu = new Function("return false;");
</script>
<script type="text/javascript">
    document.oncontextmenu = new Function("Fungsi1();return(false)");
        function Fungsi1()
        {
            alert("Maaf hal ini tidak diijinkan administrator!");
        }
</script>
skrip ini diselipin diantara tag <head></head>, fungsi skrip ini yaitu untuk mendisable klik kanan pada mouse jadi menu untuk copy tidak dapat dilaksanakan, tapi celakanya si pengunjung masih dapat memblok isi konten kita dan masih bisa melakukan ctrl + c

2. css scipt

untuk melengkapi proteksi kita maka bisa tambahkan file css berikut ini :
.blokkonten {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
untuk memasukan skrip tersebut bisa dibuat file terpisah atau masukan di dalam file yang sama. gampangnya masukan ini di file yang sama diantara tag <head></head> jangan lupa apit skrip itu dengan text <script rel="stylesheet" type="text/css"></script>. 
fungsi dari skrip ini untuk mencegah konten kita diblok oleh mouse, kalo di blok aja gakbisa gimana mau di copy paste pake ctrl + c ??
  • webkit : untuk umum dan chrome termasuk 
  • moz : untuk browser mozila firefox
  • ms : untuk browser internet explorer
  • o : untuk browser opera 
udah dicoba ? tapi masih bisa di blok kontennya ?? yaiyalah masih bisa. biar fungsi skrip tersebut jalan kita harus membuat konten kita itu DIAPIT oleh tag <div class="blokkonten"></div>.

proteksi sudah kita lakukan tapi namanya orang mau dapetin konten kita yaa bisa aja men, ada berbagai cara diantaranya pake tombol "printscreen" sama pake fasilitas "save web as" di browser. tapi gapapalah ya namanya juga kita udah usahain hahahaha

kalo ada sesuatu yang belom jelas silahkan tanya saya. bisa lewat twitter juga kok, sekian dari gw semoga berguna ya, muchos gracias!!

Komentar

Postingan populer dari blog ini

bikin halaman upload foto dengan thumbnails dan resize

Tutorial kali ini gw akan ngebahas gimana caranya lo upload image berukuran besar dan image asli tetap tersimpan di folder berikut image yang sudah di resize ukurannya sehingga menjadi image thumbnail. Sebelum melangkah lebih jauh mending buka ini dulu deh Membuat halaman Upload dan Download gunanya untuk mereview kembali cara upload lewat php dan menyimpan file itu ke dalam folder yang kita buat di htdocs. Jika sudah dan merasa gak perlu oke kita lanjutin yah.ini merupakan tutorial untuk mengupload foto dalam web php kita, dan foto asli yang kita upload akan langsung kita buat thumbnailsnya yaitu menyimpan foto ukuran asli dan menyimpan foto ukuran yang sudah terkompres. yang pertama kita siapin adalah databasenya dulu kasih nama databasenya 'image', siapin table dengan format CREATE TABLE IF NOT EXISTS `resize` (   `id_img` int(11) NOT NULL AUTO_INCREMENT,   `filename` varchar(100) NOT NULL,   `size` varchar(100) NOT NULL,   `type` varchar(100) NOT NULL...

Halaman Guestbook dengan Captcha

Sesuai judul kali ini gw coba kasih sesuatu yang mungkin udah banyak orang yang tau cara bikinnya gimana, terus terang, ini merupakan kesimpulan dari berbagai macam tutorial yang gw kumpulin dan gw baca serta gw pelajarin *lebay lo om :D sebelumnya gw harapin udah pada bisa bikin database di localhost dulu ya, terserah mau pake apa tapi lebih enak buat yang baru belajar mending pake XAMPP deh *karna gw cuma bisa pake itu. Oke pertama - tama kita buat dulu databasenya dengan nama 'tutorial' tanpa kutip, terus buat tablenya dengan patokan ini  CREATE TABLE IF NOT EXISTS `guestbook` (   `id` int(5) NOT NULL auto_increment,   `name` varchar(25) NOT NULL,   `email` varchar(50) NOT NULL,   `comment` longtext NOT NULL,   `datetime` varchar(65) NOT NULL,   PRIMARY KEY  (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; id gw bikin primary key supaya jadi pembeda antara komen guestbook satu dengan yang lainnya dan auto_increment supaya ...

Bikin halaman register login dan logout

Oke kali ini gw akan bahas gimana cara bikin halaman login dan logout, berarti sekalian gw kasih tau cara nyimpen username dan password di dalem database. Disini gw bukan ngajarin tapi gw cuma kasih kesimpulan dari berbagai macam tutorial yang udah gw cari dan gw baca dari internet juga :D. Sebelum kita bikin halaman login dan logout kita akan buat dulu username dan password yang akan kita simpan di database sehingga nanti kita bisa login dan bisa logout. Pertama tama mari kita niat terlebih dahulu dan kita buatlah databasenya. Bikin database dengan nama 'tutorial' tanpa tanda kutip, lalu kita buat lah tablenya dengan nama admin 2 field saja cukup  CREATE TABLE IF NOT EXISTS `admin` (   `username` varchar(20) NOT NULL,   `password` varchar(32) NOT NULL,   PRIMARY KEY  (`username`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; untuk username sengaja kita bikin primary key karna seharusnya username itu gak boleh ada yang sama kan? kalo password k...