Followers

18 Oktober 2010

Oktober 18, 2010 - 3 comments

Blog Tutorial:Auto Scrolling Text/Imej









Klik DEMOuntuk melihat preview 1 dan 2

Log in ke Blogger

Pergi ke Layout/Design,klik "Add a Gadget", dan pilih "HTML/JavaScript" dan letakkan kod ni di dalamnya

Kod 1:
<marquee align="left" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="105">
AYAT/GAMBAR 1
AYAT/GAMBAR 2
AYAT/GAMBAR 3
AYAT/GAMBAR 4
AYAT/GAMBAR 5
LAIN LAIN
</marquee>

Korang boleh letak imej yang ada link dan juga yang takde link,tambah kelajuan dengan menambah nilai pada scrollamount dan korang boleh ubah kod merah ikut kesesuaian korang.

Ataupun...

Kod 2:
<marquee behavior="scroll"direction="left"><img src="http://fail_gambar_korang.jpg/" alt="Title of image" height="Tinggi Gambar" width="Lebar Gambar" /> <img src="http://fail_gambar_korang.jpg/" alt="Tajuk gambar" height="Tinggi Gambar" width="Lebar Gambar" /> <img src="http://path_to_your_image.jpg/" alt="Tajuk gambar" height="Tinggi Gambar" width="Lebar Gambar" /> <img src="http://fail_gambar_korang.jpg/" alt="Tajuk gambar" height="Tinggi Gambar" width="Lebar Gambar" />
</marquee>



3 ulasan:

jp tp xsmuer pic kuar ! then ke tepi !
adehh

@zaL_cdpxKod yang mana?,cuba ubah direction.Harap membantu^^

sgt best..tp when i try kat myblog..die tak bergerak...kenape ea?

Catat Ulasan