Kamu mungkin pernah melihat pada sebuah blog ada gambar melayang di samping blog baik itu di bawah maupun di atas....
cara membuatnya adalah sebagai berikut:
- Seperti biasa login blogger
- masuk ke rancangan dan edit html
- cari kode ]]></b:skin> (ctrl+F untuk mempermudah pencarian) dan letakkan kode dibawah ini di atas kode tadi
#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); }
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); }
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 kamu.
untuk selanjutnya cari kode </body> dan letakkan kode ini di atas kode tadi:
<div id='gambar_melayang'>
<a href='http://sitinur-smansev.blogspot.com/'>
<img alt='' border='0' src='http://i1108.photobucket.com/albums/h404/inicica/dylan-cole-sprouse-got-milk-.jpg'/></a>
</div>
Kode http://sitinur-smansev.blogspot.com/ silahkan ganti dengan alamat blogger kamu. dan kode http://i1108.photobucket.com/albums/h404/inicica/dylan-cole-sprouse-got-milk-.jpg adalah alamat gambar yang dipakai silahlan ganti sesuai keinginan..<a href='http://sitinur-smansev.blogspot.com/'>
<img alt='' border='0' src='http://i1108.photobucket.com/albums/h404/inicica/dylan-cole-sprouse-got-milk-.jpg'/></a>
</div>
0 komentar:
Posting Komentar