Selasa, 15 Maret 2011

Membuat Gambar Melayang di Blog

Mau buat gambar melayang di blog anda 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;
bottom:5px;
left: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>

 Klik Save

semoga lebih menambah wawasan kita, setidaknya mengingatkan yang lupa.

Catatan:
 Teks yang berwarna merah diganti dengan "url gambar yang tadi udah di simpan"
 Teks yang berwarna hijau adalah posisi letak gambar, bisa diganti dengan “up, right, left atau down”
co-pas agung indraguna

0 comments:

Posting Komentar