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”

Aucun commentaire:
Enregistrer un commentaire