Disable Right Click (Mematikan Klik Kanan) With Sliding Effect Bag.2

Baiklah Pada Kesempatan kali ini saya akan memberikan trik bagaimana cara 'Mematikan klik kanan (No Right Clik) With Sliding Effect' pada blog, oia sebelumnya saya juga pernah memposting trik seperti ini yaitu 'Disable Right Click (With Teks/ Non Teks)', sobat bisa jg mencoba tutorial saya yang lalu jika memang tidak tertarik dgn trik yang satu ini :D

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:

http://picturestack.com/562/433/PaMut2a4down5Rv.jpg

Jika sobat tertarik mencobanya silahkan ikuti tahap-tahap berikut :





    Seperti biasa terlebih dahulu :
  1. Login blogger.
  2. Rancangan, Edit Html, Cari kode ]]></b:skin>
  3. 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


Semoga Tutorial kali ini bermanfaat bagi sobat, dan selamat mencoba! :D
Silahkan anda laporkan jika ada link yang rusak atau beberapa tutorial yang tidak bekerja, karena saya akan segera memperbaikinya, dan berhubung saya baru mengganti themes blog, jadi pasti banyak artikel yang berantakan! Saya harap anda dapat membantu saya untuk memperbaiki semuanya dengan berkomentar di artikel yang bermasalah.. thanks sebelumnya sudah berkunjung keblog utta yang sederhana ini...
Please rate this article:
{[['', '']]}
{["Useless", "Boring", "Need more details", "Perfect"]}

Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!

thumbnail
About The Author

Hai,.. I am just an ordinary man who just might share the knowledge that I know ahead of you, No one is more perfect. Always keep learning and sharing of knowledge, Just be Yourself and be The Unique that makes them know who you are.!!


12 Comments
Comments

+ komentar + 12 Diskusi pada 'Disable Right Click (Mematikan Klik Kanan) With Sliding Effect Bag.2'

  1. ,keren kk, umach umachh wkwkk peacee ,
    aku cobak ya ,

    BalasHapus
  2. @™ David AsChri Chielietonga 06 ™ gk usah lebay gtu deh gk enk kan ma yg lain :o , iy slhkan dicoba :b

    BalasHapus
  3. saya uda coba v ga ad perubahan...
    mohon pencerahan'a. thx!

    BalasHapus
  4. @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
  5. siang 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.
    memang ga bz di klik kanan, tp gambarnya ga kluar maz...
    mohon banget pencerahan nya..
    terima kasih..

    BalasHapus
  6. @fhefy mandja maaf sblmnya bru smpat bls :c , dan sesuai kluhan sobat, sy sdh memperbaiki scriptnya. silhkan dicb lagi :b

    BalasHapus
  7. @← Ⓐкα 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
  8. Anonim7:42 PM

    @fhefy mandjaPiye Toh,Ane aja bisa gank :e

    BalasHapus
  9. @M.Fhandika Rafif bguslah klw berhsil gan :b , tp mmg ada beberpa template yg tidak berfungsi dgn trik ini :p

    BalasHapus

Tolong memberi komentar yang tidak melanggar norma-norma. Kami berhak menghapus komentar yang kasar, mengejek, bersifat menyerang, dan tidak berhubungan dengan artikel di atas. Oleh sebab itu, kiranya dapat menggunakan bahasa yang jelas!

Pedoman wajib untuk memasukkan komentar:
1. Tidak boleh memakai lebih dari satu kolom komentar.
2. Pertanyaan/masukan harus berhubungan dengan uraian diatas.
3. Sebaiknya satu atau dua pertanyaan dalam satu kolom komentar.
4. Hanya menggunakan bahasa Indonesia yang umum dan dimengerti semua orang.
5. Tidak diperbolehkan menggunakan huruf besar untuk menekankan sesuatu.
6. Tidak diijinkan mencantumkan hyperlink dari situs lain.

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya utta minta maaf yg sebsr2Nya jka komentar anda blm sempat dibls. ^^