Membuat Gambar melayang Di Blog

by 11.39 0 komentar
Membuat Gambar Melayang di Blog - Hey . . Liat gambar di sisi sebelah kiri bawah blog gw ga??? Hmmmm.. keren ga??? pastinya keren kan .
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 photo bucket.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://images.plurk.com/f7618bd358bdac3b10dbdf232c1de878.gif'/>
</div>

Klik Save

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

Penting :
 Teks yang berwarna kuning 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”

Bengs

Developer

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

0 komentar:

Posting Komentar