Thursday, March 31, 2011

TUTORIAL GAMBAR BERGERAK a.k.a marquee

hey ! nasib boik mlm ni ada lektrik . aku igt TNB nak bagi xda elektrik ja sbb kan banjir kat kawasan aku . nasib baik dak . so boleh lah aku buat tuto nih . hihi . tadi cek formspring ado soalan ni :
tapi malangnya no name lah puloks. he he . xpo. cheq buat jugak nah . bukan pa, klu ada nama & link boleh ler p jerit kat shoutbox dia & inform dia bila tuto dah siap. ceywah . oke , ini ler contoh gambaq bergerak tuu , ala yg photo gedikzz ai tuu ;P


















haa, gedik dak photo tu ? hak hak . oke, ikot step ni jer okay ?

1.  Dasshboard  >>> Design >>> Add a gadjet >>> HTML/JavaScript

2. kopi dan paste kan koding ini yer :



<marquee scrollamount="6" direction="down" align="center" onmouseover="this.start()" onmouseout="this.start()">


<img src="URL GAMBAR ANDA" width="210" height="300&quot;" />

<img src="URL GAMBAR ANDA" width="200" height="300&quot;" />

<img src="URL GAMBAR ANDA" width="200" height="300&quot;" />;

<img src="URL GAMBAR ANDA" width="200" height="300&quot;" />;

<img src="URL GAMBAR ANDA" width="200" height="300&quot;" />
</marquee>




NOTA TAMBAHAN

1. tulisan kaler merah : kelajuan gambar . sila ubah klu nak ianya bergerak lebih laju / lambat

2. tulisan kaler biru : direction gambar , sama ada nak up / down shj okay . 

3.tulisan kaler purple : ofcoz lah url gambar korang .

4. tulisan kaler pink : width & length gambar korang . suka ati korang lah nak beso mano yer :)

----------------------------------------------------------------------------------------------------

eh korang , klu korang nak letak nama pon boleh taw . contoh mcm ni :





SHAFIQAH



PKAH


MISLUVCOKLAT


cara dia macam tadi jugak . cuma korang tambah tulisan kaler hijau tu je  okey  :
<img src="URL GAMBAR ANDA" width="210" height="300&quot;" /> <center> NAMA GAMBAR </center>

mudah -mudahan korang paham. haha XD oke lah. chow . eh, jgn lupa SAVE pulak taw. chow kuasa dua XD

p/s : lupa plak, korang buleh jer boh byk mana gambar yg korang nak , just copy paste code tu jer . tapy yang penting pastekan sebelum </marquee> tu yer. sekian :)



♥ Love; Misluvcoklat ♥




20 comments:

ezy.fia said...

menarik2..

arims said...

kenape tak jadi ? takde keluar gambar lah =_='

Shafiqah Rashid said...

@arims arims : lah,,yeke? mst ada tesilap mna2 kot.. erm, mcm mna nk tolong tah..

lolii coky said...

akk,url poto yg mane erk ?

Shafiqah Rashid said...

@lolii coky ; mcm mna nak habaq tah ..hehe
adik pegi kt mna2 gmbaq yg adik nak, pastuh adik right klik dkt ats gmbar tuh,
pastu dia ada nek open link in new tab n mcm2 lg..
adk cri yang dia tulis COPY IMAGE URL tu ..
aa,yg tuh lah dia punya image url.
then adik paste kan je dkt tmpat yg kna letak URL tu..
hee, sori klu xphm :D

Nadia Johari said...

salam awk..mcm ne nak amik copy image kat gambar kita..sy tgk xde pun..mksud sy gmbr saya yang sy simpan kat laptop..???

pastu mcm ne nak wat kn gmbr tu bile ditekan ade link die...sebb kalo copy image url je..bile tekn gmbr tu die x p link die..

Shafiqah Rashid said...

utk amik image url tu, try refer my tuto.. http://misluvcoklat.blogspot.com/2011/05/tutorial-cara-mudah-ambil-url-gambar.html

then, utk linkkan gmaba tu,just masukkan kod bawah ni :



hope dpt membantu..
maaf lmbat .

Shafiqah Rashid said...

ops, ni kod yg kena tambah utk linkan gmbar tu :

<a href="alamat page yg nak dilink kan tu" ></a>

Destiny masz izzaty said...

kaka cantikk .. hehe pic tak kua pon --"

Shafiqah Rashid said...

pic tak kua ? makesure letak url taw, herm. cmne nak tolong ek . if you want more info please adding me on my fb , insy, we can discuss about this there . thks :)

Iesya sha said...

akak canee nak amek url page?

Shafiqah Rashid said...

Page url ? Senang je dik.
Adik tgok dekat bhg web adress tu.
Yg tu la page url
Contoh page url blog akak http://misluvcoklat.blogspot.com .
Got it ?
If ta fhm ask again kay .

Anonymous said...

jadi lahh ! mekaseh sygg

Shafiqah Rashid said...

most welcome =)

Unknown said...

salam.. sye buat x kuaq gmbq jugk.. mcm mana nak copy gmbq tu?? copy dri PC ka?? or dri fb..

Shafiqah Rashid said...

wasalam.
pasaipa xkuaq ni..haha..
awak kopi dia punya URL gmbar tu.
perlukan guide ? pergi kat link ni:
http://misluvcoklat.blogspot.com/2011/05/tutorial-cara-mudah-ambil-url-gambar.html :)

amira said...

WAHH , menjadi lah . thanks ye :)

Shafiqah Rashid said...

wahhhm tahniahh :)

okay, most welcome ! =D

aisyah hadirah said...

salam,akak mcm mana nak buat gambar bergerak mcm akak punya tp bkn scrolling images...

Shafiqah Rashid said...

wasalam :)
oh actually akak guna photoscape je :)
ambik animated gif tu.
nk akak buat tuto ke ?
but i think without tuto pun awk boleh buat , senang je :)