cara membuat gambar melayang di atas pojok

Cara nya mudah sob lang sung saja kita ke tutorial nya:


1. Login ke blog sobat

2. Pilih tata letak

3. Klik edit HTML

4. Cari kode ]]></b:skin>

5. Letakkan kode di bawah ini diatasnya,hingga posisinya sebagai berikut:

#gambar {
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);
}

]]></b:skin>

Perhatikan gambar yang dicetak tebal: bottom bisa sobat ganti dengan top sedangleft bisa sobat ganti dengan right.

bottom= bawah
top = atas
left = kiri
right = kanan

6.Kemudian cari kode </body>

7. Letakkan kode dibawah ini diatasnya:

<div id="gambar">
<a href="http://activekita.blogspot.com">
<img border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"/></a>
</div>

Tulisan warna merah ganti dengan alamat blog sobat. Warna biru ganti dengan alamat gambar sobat,bisa berupa gambar apa saja. Untuk mencoba sobat boleh memakai alamat gambar diatas.

8. klik simpan

9. Lihat hasilnya

10. selesai

You Might Also Like :