Cara Membuat Blog Anti Klik Kanan dengan Gambar Tombol Close

Tweet

Berikut bro gua akan berbagi satu lagi membuat blog anti klik kanan dengan gambar, sebelumnya gua sudah posting bro tentang Cara Membuat Blog Anti Klik Kanan dengan Gambar Pilihan , nah bedanya dengan yang ini bro, gambar akan ditampilkan nantinya dengan didampingi oleh tombol close dengan kata lain hanya bisa kembali seperti semula setelah menekan tombol close, contoh pastinya bro seperti gambar berikut :

Bagi lo yang tertarik bro langsung aja simak untaian berikut ya bro :


1. Login ke blogger lo bro
2. Pilih Rancangan
3. Klik Edit Html
4. Jangan Lupa Bro Centang Expand Template Widget (jika perlu bro)

5. Untuk Mengantisipasi Kesalahan Bro, Lakukanlah BACKUP data terlebih dahulu ya bro
6. Copy Kode diBawah bro dan Letakkan diAtas Kode </body>  bro, jangan salah ya bro.

<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/AVvXsEgYwLNXAlzTLiQnUnjkhUWevgjLc6jXZDYoW3Tf_Nr_rlppKhFHLMR3Cxt52aown1K-_tb-GDAKqFtJOGqYBUHbvtoaO3Rd6ZCxtWZVvt8L3j2TpqOj0DkoXk0GT27Lql9kxXFia7aU56cG/s1600/right-click-disable.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/AVvXsEgQht2pVGhsmWsHSr03TxwKKA0qWpvllYzObD8Unghs0XfHKevvl3VGlOu4WOIeNlUQ3J-lFkviCGngk31_L-oZKjWNkyi6zozoDcOkBN6BmtdfdF1kelJeRBXGr6KNJMUeNiuR1pjiTtRy/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>


Ket : 

• Nah untuk tulisan yg berwarna HIJAU bro silahkan lo ganti dengan URL GAMBAR pilihan lo  semua bro oke ! ! !

7. Atau bisa juga bro lo letakkan di Gadget Html/Javascripts

8. Tinggal Save Template dan Lihat Hasilnya bro . . .

Judul: Cara Membuat Blog Anti Klik Kanan dengan Gambar Tombol Close
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat Blog Anti Klik Kanan dengan Gambar Tombol Close
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !