Membuat Gambar Melayang Dipojok

Mungkin kamu pernah melihat gambar dipojok halaman blog yang terlihat seperti melayang meskipun scroll bar diarahkan kemanapun. Gambar ini akan tetap diposisi dimana tempatnya berada. Gambar yang kamu lihat tersebut biasa disebut dengan gambar melayang atau float image. Jika blog kamu ingin dihiasi gambar seperti tersebut dan belum tahu caranya bisa ikuti langkah-langkah dibawah ini:

1. Login ke blog kamu

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 kamu ganti dengan top sedang left bisa kamu 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 kamu. Warna biru ganti dengan alamat gambar kamu, bisa berupa gambar apa saja. Untuk mencoba kamu boleh memakai alamat gambar diatas.

8. klik simpan

9. Lihat hasilnya

10. selesai