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/AVvXsEjoXik-AzqlPy7MuHikC64q7qpWGOtS0HU79R2Njvpa5YwuInPJDXJM3q-kWh-_BkLVtJJWAQNvKMVqhLftVP2ik4RFUMMifkkM0gMkesY5hgcg-3OEs472PHyJU0streLdXeBlzaVI35AZ/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/AVvXsEhv9Jyv91fUkDf5cyfmTWpeeZlxwuxzGpCQOsF-3560ycjKa7BXu4rG0YmyqNdt8plauKwEEcwm3YJzM3ktr7M15cg3NlBrK0Qisj7IKvoRWS2kdaZUOuYIHC5rLw4XKtRp1FDa7DdRqiql/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 kuning dengan url gambar sahabat.
- Gunakan gambar yg berukuran 415 x 298 agar tampilan lebih maksimal
- Setelah itu Simpan HTML milik kalian
Sekarang coba kalian lihat hasilnya, sukses kan. Sekian Tutorial blog hari ini dan semoga berguna.... 
Posted by 17.27 and have
0
komentar
, Published at
Tidak ada komentar:
Posting Komentar