Rabu, 13 Februari 2013
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/AVvXsEhyQNacFZJM1FPMxKIsgzvvXeGrJorrZQmisALzWnUhc_SPw1iH_eFEoVtJ3tNTfslqHRK7zO9GNpTKuZbIUr2ZlV07sAY8Uhkd_4TDtQZqR6lrokNNefxKv-2rgAFL37KSMW-oQpfeH9OQ/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/AVvXsEgekRQxNZZodnLjHL3k99wp5jcyxB85CIXX7Wu0D_dAxDOuUoPEqKzVu67engM638-cUFuKjEckYwX7kzj41Wriv9DjUh7Ccm6GyREx8Z5kkvEgca709kbNdfiSzV4xgcnTEMr2vBs-af2g/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 kalian.
>>> Setelah itu Simpan HTML milik kalian
Sekarang coba kalian lihat hasilnya, sukses kan. Sekian Tutorial blog hari ini dan semoga berguna..
sumber
