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:

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/AVvXsEhYa3FgMp-zTN_N_neYn6wXFaQzSRV7soEfeNj20ijH-eWyI6YHuS4atU5ARUd1cTLm96Qp2i_TVIzEV1GnBy4DrXWo4hjsBMv0pGVLBXKMwQ4NSLaaTm2fZigyjo9xITjNs6DH46-DOheC/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

Berbagi :