MEMBUAT GAMBAR MELAYANG DI BLOG

Apa sih sebenarnya yang saya maksud, mungkin teman-teman semua masih bertanya-tanya di dalam hati kecilnya. Gini lho maksud hati ku ini. Teman bisa lihat sendiri deh diblog saya ini, jika halaman blog saya ini di naik dan di turunkan maka ada gambar atau sejenisnya yang melayang-layang. nah itu lho yang saya maksud dengan gambar melayang. Kito "eh salah" Kita langsung aja mencobanya: OKE FRIEND!!!!

Langkah Awalnya:
Login dulu lah ke BLOGGER. Ya kan?

Nah Baru kita klik tu yang namanya LAYOUT (TATA LETAK) kemudian EDIT HTML

Oh ya hampir lupa, expand template widget JANGAN di centang ya!!!

Nah abru teman-teman cari kode ini ]]></b:skin>

copy kode di bawah ini dan letakkan di atas kode yang kita cari tadi
#gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Sekedar kasih tau aja : kode di atas akan menempatkan gambar anda berada di pojok kiri atas. Untuk merubah letaknya, silahkan ganti text yg berwarna biru. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom

teman-teman harus sabar ya!!!
sekarang cari deh kode tag dan letakkan diatasnya kode html berikut :
<div id='gambar_melayang'>
<a href='http://izwan-publikasi.blogspot.com'>
<img alt='Chat with me' border='0'
src='http://2.bp.blogspot.com/_BKG1bitkh9A/SUnekwHb1FI/AAAAAAAAAqI/a65yp9PsX-Y/s1600-h/pengantin.jpg'
style='float: right; margin-top: 35px;'/></a>
</div>

Perhatian: Ganti Kode yang berwarna merah dengan gambar yang anda suka, kode yang warna merah di atas adalah kode untuk menampilkan gambar melayang saya anda bisa mengganti gambarnya sesuai keinginan anda, bisa widget, link, dll. Dengan catatan, anda meletakkan script atau kode HTML-nya diantar tag

dan

Lihat Tulisan Lainnya...!!