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>
Kalo udah, cari kode </body>
Copy/paste script di bawah ini tepat sebelum kode </body>
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”
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);
}
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>
<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