English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified

MEMBUAT GAMBAR FLOATING ATAU MELAYANG

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

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:


Tinggalkan Komentar Setelah Mengunjungi Link ini...!!!


#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 sedang left 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://fictoriya-fernandes.blogspot.com">
<img border="0" src="http://i1081.photobucket.com/albums/j355/kahlilgibranrumi/FICTORdanA7X_Avenged2.jpg"/></a>
</div>
Tulisan warna merah ganti dengan alamat blog sobat. Warna hijau ganti dengan alamat gambar sobat,bisa berupa gambar apa saja. Untuk mencoba sobat boleh memakai alamat gambar diatas.


Tinggalkan Komentar Setelah Mengunjungi Link ini...!!!


 8. klik simpan

9. Lihat hasilnya

10. selesai


Tidak ada komentar:

Posting Komentar


***_My Banner_***

Fictoriya Fernandes

Kalau ingin tukeran Link dan Banner...
Silahkan klik disini

Masukkan alamat email sobat, untuk berlangganan artikel terbaru :

Alamat email sobat :