Apa yang anda cari ?


CSS

Sabtu, 10 November 2012

Cara Membuat Anti Klik kanan dengan GAMBAR

·

Kali ini saya akan mengeshare 3 Jenis Anti Klik kanan dengan gambar, kan kalau anti klik kanan terbagi 2 yaitu anti klik kanan dengan gambar dan dengan teks, kali ini akan saya share pembagian jenis anti klik kanan dengan gambar, sebenarnya ini bukan pembagian melainkan jenis jenis kreasi dari para master blogger yang mengkreasikan anti klik kanan tersebut.
Sebenarnya disini saya hanya merangkum saja dari blog blog lain yang saya temui saat blog walking jadinya biar kalian mudah membacanya , Yasudah kita langsung saja dari yang pertama

1. Anti klik kanan Original
Ini merupakan karya  dari Dickeymaru yang saya ketahui ide pencetus pertama anti klik kanan ini adalah Dickeymaru daripada yang kedua lainnya, karena yang saya ketahui dia yang pertama kali berksperimen untuk menciptakan anti klik kanan ini dan akhirnya dia berhasil.
Mau tau cara membuatnya
Langsung saja
- Masuk www.blogger.com
- Tata Letak
- Add Widget
- HTML/Java Script
- Pastekan kode dibawah ini
<script type='text/javascript'>//Edit tema dibawah ini, isi Dark untuk background bertema gelap, dan Light untuk background berwarna terang.var DADrightclicktheme = 'Dark';var DADrightclickimage = 'http://1.bp.blogspot.com/-Y7h3ETExIFs/Tl-kmDrqGTI/AAAAAAAAGlg/WYy1Gj0s6go/s400/DADrc.jpg';</script><script type='text/javascript' src="http://dickeymaru.googlecode.com/files/dmantirightclickv2.js"> </script> 
Yang saya beri warna merah itu diubah dengan url gambar kalian ,NB : Jangan terlalu besar nanti loadingnya jadi lama
Yang warna hijau kalian ubah jika ingin background / sisi di sebelah gambar tersebut ingin gelap atau terang,
- Simpan dan Selesai

2. Anti Klik kanan Bergetar
Ini merupakan karya dari PeterJepiMars, anti klik kanan ini muncul setelah anti klik kanan original, tetapi bukan berarti dia plagiat tetapi dia mengkreasikan anti klik kanan menjadi bergetar ngk karuan, jadi ketika gambar klik kanan tersebut terkena mouse akan bergetar.
Ingin mencoba membuatnya , langsung saja
- Masuk www.blogger.com
- Tata Letak
- Add widget
- HTML/Java Script
- Pastekan kode dibawah ini
<script type='text/javascript'> var PTRrightclicktheme = 'Dark';var PTRimage = 'http://2.bp.blogspot.com/-84LkvkrpIvU/UGXVaMjiU9I/AAAAAAAAAoQ/80QyEI59wWU/s1600/klick.jpg'; </script><script type='text/javascript' src="http://goo.gl/ijGD6"></script>  
Yang warna merah diubah dengan url gambar
Yang warna hijau adalah tema dari blog kalian, ingin gelap  ya dark, jika terang light, dan kelebihannya adalah bisa juga anda ganti dengan orange atau pink.

3. Anti klik kanan Dengan tombol close
Ini merupakan karya dari Adithya putra , anti klik kanan ini hampir sama dengan yang original hanya yang membuat beda terdapat tombol closenya dikanan atas, dan kekurangnnya gambarnya tidak bisa ditengah dan pasti akan miring agak kesamping. Dan tanggal terciptanya anti klik kanan ini hampir bersamaan dengan yang bergetar tetapi setahu yang yang dengan bergetar lebih dahulu keluar.Ingin Membuatnya ,langsung saja
- Masuk www.blogger.com
- Template
- Edit HTML,Expand Template widget
- Cari kode </body>
- Lalu letakan kode dibawah ini tepat diatas </body>
<style> .overlay{ background-color:rgba(0,0, 0, .9); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; } .box{ position:fixed; height:258px; width:375px; left:-80%; top:22%; background-color:rgba(0,0, 0, .4); background-image:url(http://1.bp.blogspot.com/-fQCGgOsNz1s/UHPeu-m58aI/AAAAAAAABH8/Jp4kDXWuUN0/s1600/a.jpg); color:#777; font:20px 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(http://4.bp.blogspot.com/-0vA1a7ZE50Q/T4M9EcTwNKI/AAAAAAAAH1o/mZw_sCvpZ60/s1600/close_icon.png) repeat top left; margin-top:-45px; margin-right:-40px; cursor:pointer; } .box h1{ font:60px arial black,sans serif;line-height:0.8em; color:red; } </style><script src='http://anthzo.webs.com/2012-blog/disble-right-click.js' type='text/javascript'></script><div class='overlay' id='overlay' style='display:none;'></div><div class='box' id='box'><a class='close' id='close'></a></div> 
Yang saya beri warna merah ya ubh dengan url gambar kalian (415x298 usahakan gunakan gambar dengan ukuran tersebut agar maksimal)
Bedanya yang ini dengan yang lain adalah letaknya ditemplate bukan di tata letak

Semoga bermanfa'at

Comments
2 Comments

2 komentar:

Bondowoso Comunity mengatakan...

thx info.a
mampir ke sne yaa

Ramadhana Kurnia mengatakan...

good information bro :)

#komen back :)

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost