Baiklah saya akan jelaskan skli lgi apa (Disable Right Click) walau sdh sya jlaskan pda postingan saya sebelumnya. jadi..
Disable right atau disebut juga no right click dan dalam bahasa Indonesia bisa dikatakan sebagai anti klik kanan berfungsi untuk membuat fungsi klik kanan pada mouse tidak bisa dilakukan. Penggunaan script sederhana ini umumnya dimanfaatkan agar pengunjung tidak mencoba untuk membongkar atau melihat desain blog yang berupa kode html dan javascript. Karena klik kanan pada mouse kehilangan fungsi maka secara otomatis semua aktifitas pengunjung hanya dapat dilakukan melalui fungsi klik kiri.
Nah, sobat da ngerti kan?? maksud dari disable right click, jka blm ngerti jg, terlalu....!!hehee,..
slanjutnya sya akan jlaskan sprti apa Klik kanan yang akan saya berikan ini, jadi script ini slain mematikan klik kanan, juga menambahkan effect sliding, yang artinya jika kita klik kanan, mka pesan akan kluar dari kiri halaman blog dan juga sdh menambahkan tombol close! itulah mngapa saya namakan 'sliding effect'. sebenarnya trik sprti ini banyak macamnya sperti : tanpa pesan, menggunakan pesan, atau menggunakan gambar..!! tp krna utta orgnya pngen hal yang baru dan beda dari biasanya, mka terciptalah effect sliding ini dgn mode disable right click..heheee
Baiklah disini saya tidak memberikan demo, tetapi hanya screenshoot. gpp kan. :D !berikut penampakannya:
Jika sobat tertarik mencobanya silahkan ikuti tahap-tahap berikut :
- Seperti biasa terlebih dahulu :
- Login blogger.
- Rancangan, Edit Html, Cari kode ]]></b:skin>
- Dan Letakkan kode berikut diatasnya :
/*Disable right click sliding aka*/
.akaUTnorightclick{background-color:rgba(15,15,15,0.7);background-image:url(http://picturestack.com/559/959/2wufillMsz.png);
position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:100;}
.box{text-align:center;position:fixed;height:200px;width:ancho;left:-100%;top:25%;background-color:rgba(0,0,0,0.8);color:#aaa;font:25px arial,sans serif;padding:20px;border:1px solid #222;-moz-box-shadow: 0 1px 5px #000;-webkit-box-shadow: 0 1px 5px #000;z-index:9999;}
.close{float:right;width:36px;height:36px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDxpenEEZ4bjlDF_n5FQBbpUGic8dJNscuQJz4J6IRYb0Gm3HimUfATVR6LEsTpdYrqstFb7JZII0grgRkvTJzOZ7pqfExKsFBD3lImMykexnepqkNfj6M5GZbnXnlmO0jrCQGttlERLe/s1600/close_icon.png) repeat top left;margin-top:-10px;margin-right:-10px;cursor:pointer;}
.box h5{font:50px arial black,sans serif;line-height:0.8em;color:red;}
4. Selanjutnya cari kode </head> , lalu letakkan script berikut tepat diatasnya :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://ut2a-4down-blogspot-com.googlecode.com/files/akaUTnorightclick.js"></script>
5. NEXT,.. sobat cari lagi kode </body> , jika sudah ketemu letakkan HTML berikut tepat diatasnya :
<div class="akaUTnorightclick" id="akaUTnorightclick" style="display:none;">
</div>
<div class="box" id="box">
<a class="close" id="close"></a>
<h5>Sorry No Right Click...!!!</h5>
<br/>
<p>
[+] Please Press Ctrl+C fOr Copy...!!!</p>
</div>
- Silahkan sobat rubah tulisan yang saya beri warna merah diatas, sesuai keinginan masing-masing!
6. Langkah terakhir Priview dlu, jika tidak terjadi kesalahan, baru deh sobat save template.
Jika ada yang ingin ditanyakan mengenai trik ini, silahkan berkomentar pada forum dibawah :D
Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!
,keren kk, umach umachh wkwkk peacee ,
BalasHapusaku cobak ya ,
@™ David AsChri Chielietonga 06 ™ gk usah lebay gtu deh gk enk kan ma yg lain :o , iy slhkan dicoba :b
BalasHapus@← Ⓐкα UTτα` wkwkwk iia ia maap :D
BalasHapus@™ David AsChri Chielietonga 06 ™ yups :p
BalasHapussaya uda coba v ga ad perubahan...
BalasHapusmohon pencerahan'a. thx!
@Qee Art Inside mgkn krna ditemplate sobat blm memasang jquery ver. 1.3.2 dan sy td lht di template sobat hanya memakai jquery ver. 1.6.4. sran saya silahkan menambahkan jquery ver. 1.3.2 / lalu cb lagi tutorial ini :b
BalasHapus@← Ⓐкα UTτα` :i ok! saya akan coba lagi
BalasHapussiang maz, saia pengen bngt nyoba ini tp saia udah mempraktekan dengan benar dan dah saia check berkali", bahkan saia sampai mengulanginya 3x maz tp koq ttp gagal ya.
BalasHapusmemang ga bz di klik kanan, tp gambarnya ga kluar maz...
mohon banget pencerahan nya..
terima kasih..
@fhefy mandja maaf sblmnya bru smpat bls :c , dan sesuai kluhan sobat, sy sdh memperbaiki scriptnya. silhkan dicb lagi :b
BalasHapus@← Ⓐкα UTτα`maap lagi nie gan, dah saia coba ulang kembali tp masih ttp sama. emang ga bz diclick kanan tp koq ga muncul gambar pesan nya ya?
BalasHapus@fhefy mandjaPiye Toh,Ane aja bisa gank :e
BalasHapus@M.Fhandika Rafif bguslah klw berhsil gan :b , tp mmg ada beberpa template yg tidak berfungsi dgn trik ini :p
BalasHapus