Pages

Senin, 03 Desember 2012

Membuat Gambar Melayang Di Blog

Pada pertemuan kali ini, saya akan membahas tentang membuat gambar melayang pada blog, seperti pada log saya (lihat gambar di samping)
Langsung saja ke TKP :
1. Buat gambar dan upload ke image hosting misalnya Photobucket, jika sudah copy url gambar tersebut
2. Masuk Blogger, Rancangan, Edit HTML
3. Cari kode ]]</b:skin> ( lebih gampang, tekan ctrl+f )
  

 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);
}

4. Kalau sudah cari kode </body> lalu copas script dibawah ini

<div id='rdl_image'>
<img src='http://i1092.photobucket.com/albums/i415/rafiarif1/acmilan.png'/>
</div>

5. Simpan dan lihat hasilnya. 

Tidak ada komentar:

Posting Komentar