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/AVvXsEh0wxYDslD2RBsfk8VsVs6QDCZsraKQOCupE96K8A1NGa9aXpwyJlXPZb9kkBbnA4o8_Ooh-h0ijVZAOuHecWMueqr_irEkzKn8VKEPXGh4RYYH56UiFHL3WbcWU39vyrSPph5BZMMGDU2q/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/AVvXsEjeuLtPgQP251QxkCV0FStCQjKXVsRJvHE5yJZS41QtjfpS_GLEHZLdVFoN2CbsNdjH_XbzOt-EVdFqgNhHijxtDmxoeVrM4pV10yMdLmHifCGdUXmYVyYvm19IA2MX4c9GS5TUd9MfGaJZ/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 kalian.
- Gunakan gambar yg berukuran 415 x 298 agar tampilan lebih maksimal
- Setelah itu Simpan HTML milik kalian