Sep 26, 2010

Tutorial Marquee Code : Scrolling Image

Kali ni, saya nak share bagaimana uols boleh buat blog uols nampak lebey organize dengan bantuan Marquee code.. Apa gunanya Marquee code? Banyak sebenarnya yang leh buat ngan Marquee code nih, tapi untuk entri ni, saya nak kongsi tips membuat scrolling image dengan menggunakan Marquee code..

Kalu uols perasan, kat sidebar blog nih, ade part Won, part ni saya gunakan Marquee code laa.. Actually, nak buat gambar tu gerak dari kiri ke kanan pon buleh, and the other way round pun boleyy..

First skali, copy code ni..

<marquee direction="up" width="200" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()" height="200" align="center">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMKgUyTpfM_STummWpcjeEtp6YQxZi_lwU9Dv2S3tpmM6PVqR4Soo9XkhG5Bu9_10KyfzkMdDW205_e78c9NuJygwI-jT_gy-2gGvK1k0dQ5-3Z9fZicLhvKZdEdHhy7AS0jVx1hrk8Mf/s320/aidilfitri_s.jpg" width="160" height="160" /align="center" /><p><a href="http://myapeapeaje.blogspot.com/2010/10/me-bertuah-in-ramadhan-raya-ga.html">One of the Lucky Winners</a></p>
</marquee>

Yang warna merah tu, uols leh tukar ikut suka hatila.. Cumenyer part scrollamount = 4 tu adalah halaju gambar. Kalau nak lagi laju, guna nombor lagi besau dari 4, cthnyer 5 -10. Kalau nak slow, kurangkanla..

Yang part kaler hijau, img src tu adalah image location (yang ni uols leh dapat ngan right click then select copy image location) bagi gambar tersebut, a href tu adalah link blog/entri..

Yang kaler biru tu adalah text yang dilinkkan kepada url blog/entri.. Ok, sekian suda.. Kalau nak buat cool effects yang lain2 guna coding Marquee leh tengok kat sini..

2 comments:

  1. mcm best je. tp yt kalau bab2 mcm ni msti fail nak masukkan.. huhu

    ReplyDelete
  2. best jugakla coz nampak kemas sket..eh, bukan yatie lagi terer dari akak ke..kemas je blog yatie..

    ReplyDelete