Membuat Gambar Melayang

2/18/2015 09:16:00 PM 0 Comments

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

2. Pilih tata letak

3. Klik edit HTML

4. Cari kode ]]></b:skin> (agar lebih muda tekan Ctrl+G kemudian copas kode lalu enter)

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. selesai

0 komentar:

1. Jangan lakukan Spamming
2. Saya Tidak Menerima komentar "Anonim"
3. jika Ingin Berkomentar tanpa Akun Silahkan Tekan Tombol Di Samping "Beri Komentar Sebagai :" Lalu pilih Name/URL , isi nama mu , url Tidak Diisi Juga Tidak Apa-apa lalu klik Publish.
4. Berkomentar yang Sopan
5. jangan promosi Di Komentar , Menyantumkan link Web kalian Di perbolehkan

===========Atas Perhatiannya Thanks==========
Jika ingin menambahkan Gambar,Video atau lainya silahkan copy url gambar/video mu lalu pastekan ke Conversi Html di bawah ini.