Blog ini ditubuhkan oleh seorang remaja yang ingin mencari identiti zaman keremajaannya.Pelbagai info menarik yang anda boleh cari di dalam blog ini..

Monday, June 20, 2011

Tutorial # 3 : Tip Buat Scrolling Images ( Gambar Bergerak )

assalamualaikum..

Korang tau tak ape tu scrolling images ? scrolling images adalah gambar bergerak yang ditentukan pergerakannya oleh kita sendiri..sama ada hendak ke atas atau kebawah..ataupun ke kiri atau ke kanan..scrolling images banyak memberi kelebihan kepada blog yang mempunyai banyak gambar dan banner kerana ia dapat menjimatkan ruang di samping membuat sesuatu gambar dalam blog nampak " cool " ..

Korang boleh tengok contoh scrolling images di bawah ni..

















Gambar-gambar di atas adalah sebahagian contest yang aku pernah jon di blog lama aku dulu iaitu   " adolescents' kingdom " ..


Kelajuan pergerakan setiap gambar juga dapat di kawal dengan menukar code yang di berikan di bawah ni..


<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

 Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.


p/s : tutorial ini adalah atas permintaan seorang blogger..share la ye kalau berminat..


sumber : http://tutorialuntukblog.blogspot.com/2010/02/cara-buat-gambar-bergerak-scrolling.html

Comments
5 Comments

5 comments:

~Girl With Capital-N~ said...

minx izin share ya prince..thanx 4 the tutorial

.::: mr IQ :::. said...

Camne nak buat yang static puny pulak? Betel nak tahu ni.

Prince said...

mr iq : kat entry ke dekat side bar?

NoYB said...

wah...dah lama mencarik...thnx...sy dah cuba & berjaya...^_____^

Unknown said...

jadi sudah.thankss

 
Copyright (c) 2011 Dunia Seorang Remaja. Design by Mas Ahmad Safwan

Official Blog and Facebook.