Membuat Gambar Melayang di Blog

 on dimanche 22 mai 2011  


Membuat Gambar Melayang di Blog - Hey . . Liat gambar di sisi sebelah kiri bawah blog gw 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;
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxgQ-hYBNCKkOGs-sj_Db_IqqDPcS2WuhYRyAIifkR0X8hMI6JJIc4dpvQlCRyfYZ3aeIaZnTfDSsq40tkfcMXtPs60PxrQiJtwxOpqdkTf9FytYAJalCyjnct9ARy-UPbyLottU5cYgJ/s1600/kidtux_hora_fun.png'/>
</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”
Membuat Gambar Melayang di Blog 4.5 5 Where i'm? dimanche 22 mai 2011 Membuat Gambar Melayang di Blog - Hey . . Liat gambar di sisi sebelah kiri bawah blog gw ga??? Hmmmm.. keren ga??? Hahahaa mau buat gamb...


Aucun commentaire:

Enregistrer un commentaire