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/AVvXsEiGIYOFx43LXrKy2wgRLViVlmQVnIBUxUxAg0lJqM0lkDLbfLtuNgx4ard4Vuq1jGf_anRX43p81rxLcULsJebZWZuFeRp-jZ2cY6PevFxlrtUf4LFrCvLDwvwHJNbtnzF0Q7Y4QK0PFczd/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/AVvXsEiGI75wZ_IuJ4VUOU-p2-d6HxL7raAR1HZDfSlPLCpP2jP3sh6y32jTbsfGoLYgm1b0tYotkgcW7ltDgIpfRBUfPOpRYOKay714GOZqinCB646Rp9VF3fRRGxiq8mcv5cN7N60QmGL-Y8zK/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 sahabat.
- Gunakan gambar yg berukuran 415 x 298 agar tampilan lebih maksimal
- Setelah itu Simpan HTML milik kalian
Tidak ada komentar:
Posting Komentar
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>