Created (c) by Princexells Seyka (Princelling Saki)

Rabu, 03 April 2013

Cara Membuat Anti Klik Kanan dengan Gambar



Kali ini ane mau share Cara membuat Anti Klik Kanan.yang tentunya berbeda dari yang biasanya. Bedanya trick ini di lengkapi dengan tombol close dan gambar. Oke langsung aja ke Tutorial ya Cekidot!!!

 Berikut Tutorialnya :
  •     Login ke blogger
  •     Pilih menu template >> edit HTML >> lanjutkan
  •     Cari Kode </body> Lalu letakkan code di bawah ini tepat diatasnya...

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGIYOFx43LXrKy2wgRLViVlmQVnIBUxUxAg0lJqM0lkDLbfLtuNgx4ard4Vuq1jGf_anRX43p81rxLcULsJebZWZuFeRp-jZ2cY6PevFxlrtUf4LFrCvLDwvwHJNbtnzF0Q7Y4QK0PFczd/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGI75wZ_IuJ4VUOU-p2-d6HxL7raAR1HZDfSlPLCpP2jP3sh6y32jTbsfGoLYgm1b0tYotkgcW7ltDgIpfRBUfPOpRYOKay714GOZqinCB646Rp9VF3fRRGxiq8mcv5cN7N60QmGL-Y8zK/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>

- Ubah text yg berwarna Biru dengan url gambar sahabat.
- Gunakan gambar yg berukuran 415 x 298 agar tampilan lebih maksimal
- Setelah itu Simpan HTML milik kalian

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top