Photobucket Photobucket Photobucket Photobucket

Jumat, 08 Juli 2011

Cara Buat Gambar Melayang


Kali ini ngebahas soal gambar melayang,, tau kan artinya?? itu tuh gambar yg posisinya tetep walaupun scrol mouse kita naik/turunin... ky gambar di blog ini nih... mau tau cara buatnya?? oke siapkan ember kosong trus ente gebukin tuh ember ampe tetangga pd nglemparin rumah ente,, wkwkwkwk... becanda brur... begini cara yg bener.. cekibot.

•seperti biasa ente login dulu, truz ke menu layout dan edit HTML
•jangan lupa centang expand template widget
•stelah entu cari kode ]]></b:skin> dan letakan diatasnya kode CSS berikut:
#gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
catatan: Kode CSS diatas, akan menempatkan gambar ente berada di pojok kiri atas. Untuk ngubah letaknya, silahkan ganti text yg berwarna merah. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom

•Selanjutnya, cari kode </body> dan letakan diatasnya kode HTML berikut:
<div id='gambar_melayang'>
<a>
<img alt='Chat with me' border='0'
src='http://i1123.photobucket.com/albums/l554/kukunt/terbang3.png'
style='float: right; margin-top: 35px;'/></a>
</div>
catatan: silahkan ganti link yg berwarna merah dengan link gambar yg ente mau.

•Terakhir, save/simpan template dan lihat hasilnya...

0 komentar:

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))