Vrydag 19 April 2013

Membuat Gambar Melayang di Blog



mau buat gambar melayang ??? 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;
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='URL GAMBAR'/>
</div>

 Klik Save

Gimana??? .. Gampang kan????

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”

By : Yusuf Electric

Geen opmerkings nie:

Plaas 'n opmerking