Cara Membuat Gambar Melayang Dipojok Halaman Blog

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode ]]></b:skin>
7. Dan Simpan kode berikut diatasnya :

#gambar_melayang {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

NB: 
huruf berwarna biru bisa anda ganti untuk posisinya dengan kombinasi kode : top (untuk atas) bottom (untuk bawah), dan left (seblah kiri) right (sebelah kanan) dipilih berdasarkan keinginan kawan-kawan.
 
8. untuk selanjutnya cari kode </body> dan letakkan kode ini di atas kode tadi:

<div id='gambar_melayang'>
<a href='http://ex-maulana.blogspot.com/'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlL03a9guQIbTHbcCup9bixBQ1_zMjegaqYYxql_RIQboJ7Gw8oylhzHRXGtXg8pera1zEW363_Q9JqxIXYVkaEEpDCjDZE1dKrbuDAcJ_EBzAMS-r_wUJgrGg5QxPfgpIwUNkUQHFPeU/s1600/NarutoVSSasuke.gif'/></a>
</div>

9. Save

Related Post