BuaT GamBaR MeLaYanG

Membuat Gambar Melayang di Blog

Membuat Gambar Melayang di Blog - Hey . . Liat gambar di sisi sebelah kanan atas blog gue ga ? Hmmmm.. keren ga???
Hahahaa
mau buat gambar melayang kaya gitu??? Nih gw kasih tau caranya …

Pertama:

Buat dulu gambar yang ukurannya 125x125 (terserah selera sih), terus simpan/upload gambar yang udah dibuat tadi ke image hosting .. misalnya photobucket.com Kalo udah, ambil URL Gambar yang udah di upload tadi ‘n simpan di notepad atau Microsoft Word (buat sementara aja) ..

Kedua:

 Login dulu ke blogger.com
 Pilih menu Design
 Klik Edit HTML
 Cari kode ini ]]</b:skin> (supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)
 Copy/paste script di bawah ini tepat sebelum/diatas kode ]]</b:skin>

#rdl_image{
position:fixed;
_position:absolute;
top:5px;
right:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}

 Kalo udah, cari kode </body>
 Copy/paste script di bawah ini tepat sebelum kode </body>

<div id='rdl_image'>
<img src='http://i1227.photobucket.com/albums/ee427/Indraguna2/my%20blog%20party/11.gif'/>
</div>

 Klick Save


Catatan:
 Teks Yang BerwaRna Merah Diganti Dengan "URL Gambar yang tadi udah di simpan"
 Teks Yang BerwaRna Kuning Adalah Posisi letak gambar, bisa diganti dengan “ Right Atau Left ”
 Teks Yang BerwaRna Hijau Adalah Posisi letak gambar, bisa diganti dengan “ Up Atau Down”


TERIMAKASIH

• 
• 
• 
• 
• 
• 
•