Anda di halaman 1dari 10

Cara Melindungi Blog dari Pencuri Artikel

2016
Usman Kurniawan 7:16 AM Blogger Tips

BLOGGINGPASURUAN,
melindungi

Arikel

Kali
Blog

saya

saya

Anda

dari

akan

share

“ Bagaimana

cara

plagiatisme “ disini saya akan

membagikan beberapa tips yang bertujuan untuk melindungi artikel blog agar tidak
mudah dicuri/jipak oleh para pengunjung.

TIPS 1# Modifikasi tag BODY
Sekarang

coba

masuk

ke TEMPLATE kemudian

pilih Edit

HTML.

Untuk

menonaktifkan fungsi blok dan klik-kanan mouse sebenarnya sangatlah sederhana.
Anda hanya perlu mengganti tag<body> dengan kode ini:

HTML - Bloggingpasuruan

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return
false;'>

Klik Simpan Template kemudian lihat halaman blogmu.
Sekarang coba klik-kanan mousemu, maka tidak akan ada menu apapun yang akan
tampil. Coba juga untuk mengeblok tulisan-tulisan di halamanmu. Tidak bisa kan?
Begitulah salah satu cara jitu untuk melindungi hasil karyamu di blog. Namun
sayangnya, cara ini juga mempunyai sebuah efek samping, yaitu akan membuat kotak
penelusuran posting bawaan dari template blogmu menjadi tidak berfungsi. Satusatunya jalan keluar untuk mengatasi masalah ini mungkin hanya dengan menampilkan
kembali navbar blog jika kamu merasa bahwa kotak penelusuran itu sangat penting.

return $ (this)}.{rightClick:function(a){$(this).oncontextmenu=function(){return false}}).mouseup(function(b) {if(b.$(this) [0].return $ (this)}})})(jQuery).return false}else{return true}}).$(this).$(this)[0].TIPS 2# Menonaktifkan Klik-Kanan dengan JQuery Keistimewaan sistem keamanan ini dibandingkan dengan sistem keamanan pencegahan klik-kanan dengan alert adalah sasarannya yang dapat ditentukan sesuka hati.return false}else{return true}})}).b).return $(this)}. kemudian kita jalankan fungsi .oncontextmenu=function(){return false}}).mousedown(function(b){if(b. .if(c.button==2){a.b).each(function(){$(this).call($(this).return $ (this)}. Sistem keamanan ini juga lebih mengandung unsur seni karena saat aksi klikkanan dilakukan.Bloggingpasuruan /* jQuery Right-Click Plugin Version 1.N.unbind("mouseup").extend($.return false}else{return true}}).oncontextmenu=function(){return false}}).button==2){a.noContext:function(){$ (this).call($(this).01 Cory S.net/) */ if(jQuery)(function(){$. sebuah tabir/overlay akan muncul untuk menutupi semua halaman: Ide dasar dari pembuatan sistem keamanan ini adalah dari plugin JQuery klik-kanan yang sempat Saya dapatkan dari A Beautiful Site. LaViska A Beautiful Site (http://abeautifulsite.each(function(){$(this)[0].rightClick() untuk menampilkan overlay saat aksi klik-kanan dilakukan: Jquery .call($(this).each(function(){$ (this). Caranya sangat sederhana: Cukup dengan menyisipkan plugin tersebut ke dalam proyek.mousedown(function(b){var c=b.each(function(){$ (this).button==2){a.rightMouseUp:function(a){$(this).mouseup(function(){$ (this).oncontextmenu=function(){return false}}). $(this)[0].c).fn.rightMouseDown:function(a){$(this).

//menampilkan overlay saat aksi klik-kanan dilakukan }). Plugin easing tidak diperlukan dalam proyek ini. Berikut Langkah Penerapannya : Berikut ini adalah langkah-langkah menerapkannya untuk menciptakan sistem keamanan √ Pertama-tama pastikan dulu bahwa templatemu sudah dilengkapi dengan JQuery. √ Setelah itu salin kode ini kemudian letakkan tepat di bawah JQuery tadi: Javascript .Bloggingpasuruan <script type='text/javascript'> /* jQuery Right-Click Plugin Version 1.rightClick(function(e) { $('#no-right-click-overlay').. $('#no-right-click-overlay'). //menghilangkan overlay saat overlay diklik }).// Jalankan fungsi.. }).N.fadeOut("fast").show().net/) */ . kunjungi halaman ini terlebih dahulu kemudian salin script JQuery-nya saja. LaViska A Beautiful Site (http://abeautifulsite.01 Cory S. $(function() { $(document). Jika belum ada.click(function() { $(this).

oncontextmenu=function(){return false}}).noContext:function(){$ (this).extend($.$(this)[0].each(function(){$ (this). Salin kode CSS ini.mouseup(function(){$ (this). }). //menampilkan overlay saat aksi klik-kanan dilakukan }).b).each(function(){$ (this).return $ (this)}.click(function() { $(this). $(function() { $(document).each(function(){$(this).button==2){a.Bloggingpasuruan <div id='no-right-click-overlay'> Teks peringatan letakkan di sini. kemudian letakkan tepat di atas .if(c. $('#no-right-click-overlay').$(this) [0].return false}else{return true}}).return false}else{return true}})})..mouseup(function(b) {if(b.return false}else{return true}}).. $(this)[0].b).c). // Run this fungtions.show().each(function(){$(this)[0].{rightClick:function(a){$(this).call($(this).return $(this)}.button==2){a. //menghilangkan overlay saat overlay diklik }).call($(this).button==2){a.rightClick(function(e) { $('#no-right-click-overlay').rightMouseDown:function(a){$(this).rightMouseUp:function(a){$(this).oncontextmenu=function(){return false}}).fn.$(this)..oncontextmenu=function(){return false}}).unbind("mouseup").mousedown(function(b){var c=b.if(jQuery)(function(){$.mousedown(function(b){if(b..oncontextmenu=function(){return false}}).call($(this).return $ (this)}. </div> √ Terakhir.return $ (this)}})})(jQuery).fadeOut("fast"). </script> √ Berikutnya letakkan elemen ini tepat di atas tag </body>: HTML .

Selengkapnya Dalam script di atas Saya menerapkan fungsi . color:#f10c0c. jika Anda ingin menonaktifkan klik-kanan pada area/elemen tertentu saja. padding:5%. Itu artinya bahwa kita melarang orang lain melakukan aksi klik-kanan pada semua area dalam dokumen. height:100%. font:bold 30px 'Comic Sans MS'. position:fixed !important.Sans-Serif. Namun. text-align:center. left:0px. position:absolute.kode ]]></b:skin> atau </style>: CSS .Arial. Misalnya seperti ini: . top:0px.Bloggingpasuruan #no-right-click-overlay { background:#000.Calibri. bottom:0px. } √ Klik Simpan Template. selektor $(document) bisa Anda ganti dengan selektor lain. display:none. width:90%. right:0px.rightClick() pada $(document).

Dan secara otomatis.rightClick(function(e) { $('#no-right-click-overlay'). untuk membuat seorang pengunjung menjadi sedikit kerepotan ketika hendak menyalin sesuatu di blog kita.show(). kemudian simpan: HTML atau CSS . Kode di atas akan melarang orang lain untuk melakukan aksi klik-kanan pada area #dilarangsaja. Fungsinya tentu saja. }). tapi paling tidak cara ini bisa sedikit memberi peringatan bahwa di sini ada monster berbahaya (???) Salin kode ini kemudian letakkan dalam sebuah elemen halaman HTML/JavaScript. jendela peringatan ini akan mencegah para pengunjung untuk menyalin sesuatu di halamanmu. Meskipun sebenarnya kita juga bisa menggunakan perintah Edit » Copy atau cukup menekan tombol CTRL+C di papan kunci.Bloggingpasuruan <script type="text/Javascript"> .$('#dilarang'). sedangkan untuk area lainnya dapat dikenai aksi klik-kanan Tips 3# Menonaktifkan Klik-Kanan Mouse dengan Alert Itu adalah pesan yang akan muncul jika kamu melakukan klik-kanan pada halaman yang telah dilengkapi script ini.

namun dengan CSS seleksi.oncontextmenu=new Function("alert(message).onmousedown=clickIE4.} else if (document.layers||document.button==2){alert(message).text-shadow:none.layers) {document.return false.all){if (e.document.co.all&&!document.// Sumber: http://bloggingpasuruan.} /* Safari & .id var message="Jangan dicopas dong .getElementById&&!document.which==3){alert(message). tampilan teks yang terseleksi akan diliputi dengan latar belakang berwarna biru dan warna teks berwarna putih.}} function clickNS4(e){if (document.return false.onmousedown=clickNS4.return false") </script> Ganti teks yang berwarna merah dengan kata-kata peringatan Anda sendiri.color:#FFB46A.captureEvents(Event.!!!!!".MOUSEDOWN). Tips 4# CSS Selection untuk Mempercantik Tampilan Teks Terseleksi dan Melindungi Konten CSS Selection/CSS Seleksi dapat digunakan untuk mempercantik tampilan teks-teks yang terseleksi. kamu bisa mendapatkan efek teks terseleksi yang beraneka ragam. Kode CSS Selektor dan deklarasi CSS Selection dapat dituliskan seperti ini: ::selection Chrome */ {background:#3C993C.}}} if (document... function clickIE4(){if (event.} document.which==2||e.getElementById){document.blogspot. Secara umum.

untuk menetralkan tampilannya. CSS Text Shadow terkadang juga ikut terlibat dalam teks-teks terseleksi. script di bawah ini akan memberikan kesan seolah-olah teks tidak bisa diseleksi */ ::selection { background:transparent !important. yang kita butuhkan adalah dua buah penerapan deklarasi CSS. Oleh karena itu. digunakan untuk menentukan warna teks terseleksi.co. Bahkan. Melindungi Konten Artikel dengan CSS Selection Untuk melindungi konten artikel dengan CSS Seleksi. Hal ini tentunya akan membuat hasil tampilan menjadi kurang sempurna. sedangkan color:#FFB46A.blogspot.id -------------------------------------------menyatakan bahwa semua elemen akan tampak sama saat terseleksi. Untuk itu diterapkanlah deklarasi text-shadow:none. . sedangkan deklarasi yang ke dua kita gunakan untuk menyatakan efek seleksi pada area khusus saja: Letakkan baris kode ini di atas ]]></b:skin> atau </style> CSS .Bloggingpasuruan /* Cara Melindungi Artikel dengan CSS selector http://bloggingpasuruan.text-shadow:none. sebenarnya tidak terlalu penting. CSS Seleksi merupakan salah satu anggota dari CSS3 Pseudo-Element. namun dalam browser Chrome.color:#FFB46A. Deklarasi text-shadow:none. dengan ide ini kita juga bisa membuat sebuah sistem sederhana untuk melindungi konten halaman artikel kita (atau lebih tepatnya: seolah-olah melindungi).::-moz-selection {background:#3C993C.} /* Firefox */ background:#3C993C. Deklarasi yang pertama kita gunakan untuk menyatakan efek seleksi secara umum (keseluruhan). kita juga bisa menerapkan CSS Seleksi ini pada area tertentu saja. digunakan untuk menentukan warna latar belakang teks terseleksi.

color:#222. color:#222. <textarea> dan <input> dapat diseleksi */ code::selection. /* samakan dengan warna teks */ } ::-moz-selection { background:transparent !important. textarea::-moz-selection. } Hasil Akhir Setelah Teks Dilindungi . text-shadow:none. } code::-moz-selection. color:white. input::-moz-selection { background:red. color:white. /* samakan dengan warna teks */ } /* ----------------------------------------Nyatakan bahwa elemen-elemen yang berada di dalam tag <code>. textarea::selection. input::selection { background:red. text-shadow:none.

sehingga seolah-olah teks tersebut tidak bisa diseleksi.. </code> telah diatur agar warna latar belakang tetap transparan dan warna teks tetap sama dengan warna teks dalam keadaan normal. Hanya saja tampilan teks terseleksi yang berada di luar area <code> .Meskipun hasil akhir area di atas menunjukkan bahwa teks yang berada di luar tag <code> tidak bisa diseleksi.. Semoga bermanfaat.. namun sebenarnya semua teks tersebut dapat di seleksi. .