gambar melayang 2

gambar melayang .....? mungkin anda aneh mendengarnya.!!!!!! saya memilih judul ini karena saya bingung untuk memberikan judul apa yang tepat untuk postingan ini..

untuk lebih jelasnya anda ikuti saja langkah - langkah berikut ini..

1. logn acount blogger anda --> pengaturan --> tata letak --> edit html
2. cari kode]]></b:skin>
lalu copy code dibawah ini dan pstekan di atas kode ungu :

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

kode yang tercetak merah ( bottom dan left ) menunjukan letak gambar. letak gambar dapat di ubah dengan mengganti kode tersebut sesuai dengan keinginan anda.

3. cari kode ini ; </body>
lalu pastekan kode dibawah ini tepat diatas kode diatas :

<div id="melayang">
<a href="http://muhamadhaidirali.blogspot.com">
<img src="http://enticegh.com/img/200x200.gif>" border="0" /></a>
</div>

kode yang berwarna merah diganti dengan url blog anda dan kode yang berwarna hijau diganti dengan url tempat gambar anda disimpan.

4. simpan

selesai..!!!
untuk melihat contohnya anda dapat lihat pada pojok kiri bawah blog saya terdapat gambar seperti ini :

Baca Juga Artikel Terkait