Tutorial Scrolling Images

Hari ini Robin nak ajar korang semua buat scrolling images kat blog. Tutorial nie atas permintaan Cik Epa.

Scrolling image boleh di setkan untuk scroll dari atas ke bawah @ dari kiri ke kanan ( horizontally or vertically.) Korang boleh letak scrolling image kat mana sahaja korang suka, Header,Footer,Sidebar ataupun kat dalam Entry blog macam Robin buat ni.

Okey Nie Coding Untuk Scrolling Images :

<marquee behavior="scroll" direction="left"><span class="Apple-style-span" ><img src="http://i607.photobucket.com/albums/tt157/akkmal83/BLOG.jpg" alt="Robinhood" height="120" width="120" /></span><span class="Apple-style-span" style="font-size:medium;"><img src="http://i607.photobucket.com/albums/tt157/akkmal83/GuitarKu2.jpg" alt="Robinhood" height="120" width="120" /></span><span class="Apple-style-span" style="font-size:medium;"><img src="http://i607.photobucket.com/albums/tt157/akkmal83/EditedJAMBANARTISSSSSSS.jpg" alt="Robinhood" height="120" width="120" /></span></marquee></div><div style="text-align: auto;"><span class="Apple-style-span" style="white-space: nowrap;"> </span></div><div><marquee behavior="scroll" direction="left"><span class="Apple-style-span" style="font-size:medium;"> </span></marquee>

  • Yang Aku Merahkan tuw tukar kepada url image korang sendiri
  • Yang Biru Ikut Suka nak besar mana image tu nanti
  • Yang Hijau Tu arah image tuw akan scroll boleh tukar mcm kat bawah yg aku bg nie.
  1. -left (scrolls left to right)
  2. -right (scrolls right to left)
  3. -up (scrolls up)
  4. -down (scrolls down)


1.Untuk Letak Scrolling Image Nie Di Entry post cuma copy coding yang aku bagi then paste dalam Edit Html(Posting)
2.Untuk letak kat Sidebar dan lain2 tempat just copy pastekan dalam html/javascript gadget.


SELAMAT MENCUBA!

P/S: Lama skit aku buat nie. Susah gak! ;p

RobinhoodRobinhoodRobinhood



RobinHood

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

8 comments:

Anonymous said...

hoyeee...suke nye...thanks!!!

RobinHood said...

HuHuhuhU Try la..Kalau Ada Masalah Bitaw La yew...
(",)

cn said...

nk kena try neh..
hihi..

RobinHood said...

eyes143: yew yew try try... (",)

frhh said...

wow
hebat!


saye tidak sibuk untuk minggu ini.
teehee :)

RobinHood said...

farah: yew bagus.. boleh join contest
(",)

Unknown said...

dah try dah..jadi2...bes...tenkiu

cik teyn said...

kat mane nak daftar photobucket ?