23 July 2010

Tutorial Membuat Falling Objects

Suka tak falling objects kat blog saya ni? Kalau suka just copy paste the code to your blog or website. Leave comment after the copy okay.



<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=37 height=638 style='position:absolute; left:72%; top:112px; width:17; height:638px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=33 height=597 style='position:absolute; left:42%; top:187px; width:17; height:597px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=22 height=684 style='position:absolute; left:85%; top:115px; width:17; height:684px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=10 height=663 style='position:absolute; left:30%; top:102px; width:17; height:663px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=34 height=666 style='position:absolute; left:92%; top:191px; width:17; height:666px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=44 height=615 style='position:absolute; left:86%; top:133px; width:17; height:615px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=39 height=566 style='position:absolute; left:79%; top:173px; width:17; height:566px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=19 height=524 style='position:absolute; left:69%; top:122px; width:17; height:524px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=31 height=685 style='position:absolute; left:88%; top:168px; width:17; height:685px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=31 height=598 style='position:absolute; left:72%; top:100px; width:17; height:598px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=25 height=680 style='position:absolute; left:76%; top:118px; width:17; height:680px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=30 height=618 style='position:absolute; left:92%; top:122px; width:17; height:618px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=11 height=552 style='position:absolute; left:91%; top:131px; width:17; height:552px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=18 height=673 style='position:absolute; left:41%; top:72px; width:17; height:673px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=36 height=666 style='position:absolute; left:9%; top:41px; width:17; height:666px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=1 scrolldelay=45 height=609 style='position:absolute; left:5%; top:182px; width:17; height:609px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=1 scrolldelay=16 height=529 style='position:absolute; left:64%; top:16px; width:17; height:529px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=42 height=607 style='position:absolute; left:23%; top:134px; width:17; height:607px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=47 height=645 style='position:absolute; left:27%; top:183px; width:17; height:645px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=39 height=512 style='position:absolute; left:11%; top:89px; width:17; height:512px;'><img src=http://dl10.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif border=0></marquee>



Korang pun boleh customize sendiri tau! Apa? Macam mana caranya? Okay, ikut langkah2 dibawah ni ya.

A. Pergi ke Glitter-Graphics.com. Klik FALLING OBJECTS.
Click For Larger View

B. Then, customize falling object you all. 
Click For Larger View
1. Pilih animation yang kamu suka.
2. Pilih saiznya, terpulang pada kamu.
3. Pilih density, maksudnya, pilih sama ada you all suka crowded atau jarak2 antara animation tu.
4. Pilih direction (atas, bawah, kiri or kanan) dan cara dia bergerak, sama ada satu arah (scroll) atau ulang-alik (alternate)
5. Lastly, generate codenya. You all boleh nampak preview falling objects selepas selesai generate code. Kalau suka, just copy the code. Kalau tak puas hati, click BACK TO THE GENERATOR untuk ubah lagi.
Click For Larger View


C. Puas hati? Okay, now kita akan letakkan code tu dalam blog kita. Pergi ke DESIGN > PAGE ELEMENT > ADD A GADGET > HTML/JAVASCRIPT.
 Click For Larger View


D. Paste code yang sudah you all copy ke dalam kotak html. Click preview, kalau puas hati baru save. Siap! Senang kan? Hope you like it! 




2 Sweet Roses!:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More