tutorial : gambar bergerak beserta link kat sidebar

hai semua!di malam yang indah ini (cewah)...fara nak penuhi permintaan saudari aina syafiqah

-----------------------------------------------------------------------------------------------
aina.syafiqah27 said...
salam.. nak tanye.. cam mane awk wat gambar gerak2 untuk gila2 bercontest?? cantik lar.. nak mintak ilmu sikit boleh?
http://contestsukaaku.blogspot.com/

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

fara tak adalah hebat sangat dalam dunia ber-coding ni..tapi masih dalam proses belajar lagi...jadi mintak tunjuk ajar ye kalau salah
tapi tak apalah fara nak bagi ilmu yang sikit ni dan share dengan semua..

fara dah cari coding ni lama la kat blog-blog tutorial lain tapi tak jumpa pun...mostly yang diorang buat just word yang bergerak so malam ni fara nak share macam mana nak buat gambar yang bergerak beserta link gambar 

contohnya macam kat sidebar fara...kalau korang klik kat gambar tu kat sidebar gila-gila bercontest so dia akan terus pergi ke blog contest tu :)

ada faham????
code dia senang aje okeh..tapi yang fara ajar ni simple punya je tau, korang pandai-pandai la edit ikut kreativiti masing-masing

mulakan dengan yang ini

    <marquee behavior="scroll" scrollamount="5" direction="left" bgcolor="transparent" width="100%"><

akhirkan dengan yang ini

   </marquee><p style="margin-top: 0pt; margin-bottom: 0pt;"></p>

take note :

untuk scrollamount korang boleh tukar ikut kelajuan yang korang suka okey
so try-try la ikut kesesuaian korang

untuk direction pun ikut korang la..boleh tukar..
pilihan yang ada : left, right, up,down

next, untuk setiap gambar yang korang nak letak mesti la ada coding ini

 <a href="lokasi gambar tu nak pergi"><img src="lokasi gamba itu" alt="" border="0" /></a>
 contohnya :

 <a href="http://liyanadiabu.blogspot.com/2011/01/contest-senyuman-si-cilik.html"><img src="http://2.bp.blogspot.com/_HSPi2RzoqFM/TSfrgBaI0QI/AAAAAAAAAek/YbvlPJNo7cs/s400/IMG_4507.JPG" alt="" border="0" /></a>

sekarang korang dah boleh gabungkan semuanya....
dan siap!

nota kecil : untuk setiap coding gambar tak perlu letak awal dan akhir..hanya letak awal dan akhir kat permulaan dan akhir code itu lepas korang dah gabung semua!

sori la kalau bahasa fara ni agak payah dipahami..mohon maap la yekk
kalau ada apa-apa masalah, tanya la okeh :)

until then-----

7 comments:

ainaa.syafiqah said...

yep2 horey.. best nyer.. cam terharu rase bile ade orang wat totorial kat kite.. time kasih tau farasakura..

farasakura said...

@ainaa.syafiqah pleasure :)

ainaa.syafiqah said...

yep2 horey.. best nyer.. cam terharu rase bile ade orang wat totorial kat kite.. time kasih tau farasakura..

farasakura said...

@ainaa.syafiqah pleasure :)

mohd faizal said...

kalau upload je gambar animasi bergerak tu gune new post and then lepas upload tukar dari text ke html. trus je copy code tu. kan sonang... hahaha

mohd faizal said...

sonang2 lawat ler blog sy yg xde org nak melawat tu... hahaha animatedfree.blogspot.com :) ngeee

farasakura said...

@mohd faizalngeee ada banyak cara :)

Related Posts Plugin for WordPress, Blogger...