Bambam's Addicted

Tutorial: Picture moving motion (Scrolling image bergerak)

Hye peeps~!! Assalamualaikum.. Bersiaran kembali kita di acara mari belajar!hehehehhe.. CB dapat emel dari Kak Haiza. Dia tanya macam mana nak buat moving picture motion bergerak macam CB buat nak display banner Ga and Contest tuh and macam kat iklan churp churp kat sidebar kanan nie.nampak?klik lar sekali..ehehhe.. 

Sian Kak Haiza buat tak menjadi sangat..mayb sebab tutorial CB tak cukup jelas..hehehehe..maaf lar yooo.. :) CB ajar step by step k..langkah pertama.. Korang ADD A WIDGET macam biasa.. Then pilih HTML untuk copy coding yang CB bagi kat bawah nie..
CB susun ikot 3 perenggan supaya korang leh paham..hehehe..Perenggan pertama tuh xyah usik pon xper..apa yang korang perlu ubah ialah di perenggan kedua..

<marquee direction="up" width="200" onmouseover="this.stop()" scrollamount="7" onmouseout="this.start()" height="400" align="center">

<img src="URL GAMBAR YANG KORANG NAK LETAK" width="160" height="160" /align="center" /><p><a href=&quot;LINK BLOG YANG NAK KORANG DIRECT LINK NANTI">TAJUK YANG KORANG NAK LETAK</a></p>

</marquee>

marque direction - arah pic korang nak bergerak nanti..sukati nak buh DOWN, LEFT or RIGHT kan..
width - Lebar box korang nanti
scroll amount - Speed picture tuh bergerak. Skala 1 yang paling perlahan dan 10 yang laju.
height - Tinggi box korang

URL GAMBAR KORANG TUH - Kat sini tak leh nak upload macam picture bese yang kita buat yer..Contoh macam kita nak amek URL image yang berkenaan, korang klik kanan mouse and COPY URL IMAGE..Then korang just replace jek kat code tuh

Macam contoh gambar nie
ataupun..korang leh tengok kat PROPERTIES picture itu sendiri..

kalau korang nak sambung gambar yang lain..just copy perenggan yang kedua and paste dekat bawah perenggan kedua tuh..atas perenggan ketiga lar maknanya nie..asalkan jangan bawah perenggan yang last sekali.. Okehhhh!

Skang dah boleh buat?cuba try dulu..ehhehehe..Kalau tak dapat jugak..tanya saja k.. Or korang leh jugak google cari tutorial lain yang mayb lebih senang ckit..hehehe.. okehhh! Buh-bye~!

2 ratus ribu orang tambah perasa! :):

..m@m@ T0meLL.. said...

me pn still xjd lg nk wt scroll pic ni.ade mase nnt,nk try tuto bambam yg ni plak

Cik Bambam said...

@..m@m@ T0meLL.. xper mama...senang jek wat tuto nie..kompem!x smpi 5 minit pon..ehehhe

LinkWithin

Related Posts Plugin for WordPress, Blogger...