Cara Membuat Blog Anti Klik Kanan dengan Gambar Tombol Close

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 . . .