Assalamu’alaikum
Apakah sobat pernah melihat atau bahkan sering melihat gambar
dipojok halaman blog yang terlihat seperti melayang meskipun scroll
bar diarahkan kemanapun ?
Mungkin para
sobat pernah melihat atau bahkan tidak sama sekali, tapi ndak masalah kug. Saya
akan mengulas cara menampilkan gambar melayang di blog. 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:
#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://blogeditingku.blogspot.com">
<img border="0" src="http://Dragon Ball.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
Akhirnya selesai juga yah, mungkin terlihat susah. Tapi,
kalau sobat bener – bener niat untuk membuatnya, saya yakin sekali dengan
sobat, kalau sobat pasti bisa melakukannya. Jangan lupa coment yah sobat !
Wassalamu'alaikum