Cara Buat Gambar Bergerak (Scrolling Image)

Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.

Contoh scrolling image adalah berikut.






Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.


Contoh kod bagi scrolling image adalah seperti berikut.


<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.

Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget


Suka entri ini.?

130 comments:

kamal on February 27, 2010 at 6:48 PM said...

tq very much

ieda ^^ on March 8, 2010 at 11:42 PM said...

x fhmlah..mcmane nk upload gmbr sendiri jd mcm ni eh?

unwanted on March 14, 2010 at 9:59 AM said...

url gambar boleh diupload dari blogger.com sendiri atau dari web lain seperti imageshack.us

cara nk dapatkan url gambar right click pada gambar kemudian pilih 'copy image location' (firefox), ataupun dapatkan 'direct link'

Edliana Zaffrey on April 29, 2010 at 5:53 PM said...

boleh ajar bagaimana letak kod diatas? nak taruk dekat mana? kalo kita pakai aplikasi picture bagaimana?

SyIDi 142 on June 2, 2010 at 2:24 PM said...

kalo ak nk gne gamba yg ader dlm pc tak ley la ek?

dr.farhan on July 2, 2010 at 5:37 AM said...

memang senang kot..cepat click http://mudahbetul.blogspot.com

Arif Omar on July 3, 2010 at 7:58 AM said...

tahniah. ia banyak membantu kami yang tua ni. tq

Nasrizal on July 11, 2010 at 3:58 PM said...

saya dah cuba tetapi gambar tak tukar ke gambar seterusnya.. keluar 1 gambar ja..

:: Zanna :: on August 11, 2010 at 11:43 AM said...

dh guna kat blog thanx tuan umah...:)

Bum-bum Corner on September 16, 2010 at 7:58 PM said...

SAYA MASIH TAK FAHAM MCAM MN NK CARI LINK DAN URL GAMBAR.

SEDIH LA GAGAL BUAT. TOLG AJARKAN

samad on September 25, 2010 at 7:07 AM said...

thanks bro

Azyie on October 17, 2010 at 9:50 PM said...

macih banyak!!
senang keje den!!!

~terataibungaindah~ on October 20, 2010 at 9:36 AM said...

peh!mmg 0tai.haha

ema catchy on November 26, 2010 at 1:55 PM said...

link utk dibuka...mane nk dpt?

yahaya on November 27, 2010 at 1:26 AM said...

nice tips

♥..cik_mas..♥ on November 27, 2010 at 5:12 PM said...

LINK DAPAT BILA KITA RIGHT KLIK...NNTI ADA KELUAR COPY URL IMAGE..AMIK YG 2 THEN PASTE KAT MANE NK...

farah hanim on November 27, 2010 at 6:01 PM said...

tapi cm na ada buat gambar bergerak kat ats blog kite tu..mksud fara bile kite macok blog org tu ..akan keluar gambar pergerak sekali nama die ag ..cam new nk buat cm tu

Miss Anis Here! on December 1, 2010 at 3:42 AM said...

tak faham lahh...

D.A.F. Holiday Apartment on December 4, 2010 at 4:31 PM said...

nice!! sudah berjaya..thanks alot!!

Bella on December 16, 2010 at 6:38 PM said...

huhu , susah lahh . asyik x jd jew ? asl ea ?

sturymuryku on December 16, 2010 at 9:52 PM said...

link utok dibuke cane yek ?? nk amk at ne ??

cipOtt !!! on December 16, 2010 at 11:08 PM said...

ta phm ak wey !!!!

Brand New Eyes on December 31, 2010 at 11:10 PM said...

dok jadie pom ?

Aryssa Teh on January 1, 2011 at 7:47 PM said...

thanks <3

aiezhaa on January 1, 2011 at 9:15 PM said...

kalO letak kat post entry, gambar yg saiz kecik pon jadi besar.cane tu?

noraim on January 20, 2011 at 7:13 PM said...

terima kasih :)

shukaelmo on January 27, 2011 at 3:39 PM said...

cena nyy ? ta rety laa .

lyannaNZ on January 29, 2011 at 12:30 AM said...

cmna ek na tuka tulisan cm blog , help me please :(

Kucing Oren on January 31, 2011 at 6:57 PM said...

dowh...jadi tu mmg jadi...tapi...tengok sdiri ar kat blog sayer...cdey ase.... :(

http://kucingoren93.blogspot.com

Kucing Oren on January 31, 2011 at 8:24 PM said...

hahaha...daa boley...ejas situ sini baru laa mnjadik... :D

iRHam_aQiLa on February 1, 2011 at 4:28 PM said...

hmm xpham la.xdek step ke

adeeba on February 2, 2011 at 4:56 PM said...

link utk dibuke tu cm ne ek ?

SK Bakri Batu 5, Muar on February 6, 2011 at 10:06 AM said...

terima kasih daun keladi...

ieann azlan on February 12, 2011 at 12:10 PM said...

salam..nk tnya..sy da ltak bnyk gmba..tp tak boleh pun.. ble reduce2.. 5 kping gmba je buleh..npe eh..memg xbleh bnyk2?

arequeWANY on February 23, 2011 at 8:23 AM said...

x jadi larhh .. link n url gmba tuh amek camne ?? hehe , tlg ajar ..

deedee87 on February 24, 2011 at 11:39 AM said...

bro.. nk request ckit.. camne nak wat iklan jadi camni yer.. review jap iklan churpchurp terkini

deedee87 on February 24, 2011 at 11:40 AM said...

ni link die http://www.gengblogger.com/v/373552

Bila Ku Kata Cinta... on March 16, 2011 at 8:47 AM said...

x paham la...

boleh expain step by step tak?

prettycure on March 16, 2011 at 3:48 PM said...

npew saye buat satu gambar jerk yg bgerak ,,???

NurulSyahieyrah on March 24, 2011 at 8:50 AM said...

nak tambah gambar macam mana ?
tak faham ?

eycha ketot on March 26, 2011 at 6:23 AM said...

xfham la :)

imran syg mar on April 1, 2011 at 2:46 PM said...

pning r...xkuar gambar pon

princess d0UbLe F on April 4, 2011 at 1:33 PM said...

url gmbr tu na ambek at ane ? photobucket ke at mne ?

budakjahat on April 15, 2011 at 8:51 PM said...

sangat membantu ! thankz ! :)

Yana on April 18, 2011 at 11:39 PM said...

wah best nye nak cube lah....

h0neyz ~ on April 18, 2011 at 11:55 PM said...

tk fhm larh perkataan ''link untuk dibuka '' tuw apa err ?

Yana on April 19, 2011 at 7:14 PM said...

salam...yana dah cube tp dapat satu gmbr je...dah cuba tambah tp tak kuar pun gmbr lain...

zulhaidi on April 28, 2011 at 10:52 AM said...

xjadi~~nape erk...gmabar x gerak pon..waduh3..

ツaEin HAGEmaru♀ on May 1, 2011 at 12:12 PM said...

bereh.. iloveit

leyzajamil on May 3, 2011 at 2:12 PM said...

tak jadi..

zarul farhana on May 5, 2011 at 3:00 PM said...

xjadi pon...

Hunnyawny on May 5, 2011 at 7:15 PM said...

kenapa tak jadi :(

Melmo on May 12, 2011 at 1:46 PM said...

cmne nak lju kan sdikt ?

Anonymous said...

pesal gambar besar sangat ?

NinyZulyanna ♥ on May 20, 2011 at 7:38 PM said...

ta phm lh :(

atyn mok on May 28, 2011 at 8:12 PM said...

masih x paam...tlng ajar scra mndlm boler...

Moon on May 29, 2011 at 3:11 PM said...

sng je..

copy code atas 2 kat html/javascript

pastu ganti URL gambar dengan url gambar kte..cara nk dptkan url gambar..cth gambar yg da di uoload kat blogspot 2---> right click-----> copy image URL----> paste kat ruangan URL gambar..


link untuk dibuka 2..cth http://ceriteramoon.blospot.com bila org klik kat gambar 2..die akan bwk kte trus ke link 2..

kalo nk lebih phm..singgah blog moon..nnty moon ajarkan..tuan blog ni bz sgt nk reply..

sory yer tuan blog..anyway tanx for the info..da buat da..=)

Twilleries on May 31, 2011 at 9:32 PM said...

Gambar jadi x nampak la sbb besar sgat. camna nak adjust sizenye??

xoxo.wawa11 on June 8, 2011 at 4:48 PM said...

bnde nehh kne buadd one by one kee ? please ansewr me .

xoxo.wawa11 on June 10, 2011 at 1:12 PM said...

mcm mne naa dpt kn url dr pic kte ? tade pon yg mcm kak moon ajr kn ? hurm ..

yaya on June 10, 2011 at 2:00 PM said...

tutorial ni boley wat kat sidebar tak ?

xoxo.wawa11 on June 10, 2011 at 3:21 PM said...

yeah ! tengs , dhapad , walaopons taa jdy sgt but i like it , tengss to imageshack.com .

Niniee on June 12, 2011 at 2:18 AM said...

ta faham -..-

aina_luly on June 17, 2011 at 11:32 PM said...

boleh tolong ajar macam mane nak wat gmbar brgerak nie , daa cube banyak kalo tapi taley pon .. nak copy line nie kat mane ?

aina_luly on June 17, 2011 at 11:33 PM said...

pembetulan , boleh tolong ajar macam mane nak wat gmbar brgerak nie , daa cube banyak kali tapi taley pon .. nak paste link nie kat mane ?

ShalleyanNa on June 24, 2011 at 6:49 PM said...

thanks,,shaye berjaya buat,, =D

faz_freaknesshell on July 3, 2011 at 3:43 PM said...

nak copy n paste kat mane ney?

PrinCesS BeLLa on July 8, 2011 at 3:33 PM said...

mcm mne nk ejas size bg gmbr tu muat2 kotak tu??gmbr sume bsar sgt..trptong je...

enotaien on July 9, 2011 at 7:27 PM said...

link untuk dibuka ?apakah ?

MiZ RaRa on July 15, 2011 at 11:14 AM said...

rara xdpt uat la..
ckit un xphm...
hahaha..
cmne ek???
ssh la...\plezz...
help me....

Ummi Iman on July 15, 2011 at 10:11 PM said...

size gambar ubah pada s... "http://4.bp.blogspot.com/-zRecuyZFd44/TeJ35LWIE6I/AAAAAAAABg0/I5XxoJCmUBU/s150/INTBMcontest.jpg"

Kuah Kacang on July 25, 2011 at 4:31 PM said...

yes..dh dpt wat..trimas..nk dpt url gmbr snng je..upload pic ke photobucket..nnt photobucket akan sediakan trus url image kt upload tu..thanks yo.. !!

echamzury on August 1, 2011 at 3:26 PM said...

ta jdy2 pon , da bnyk kli try , plezz banntuan .

ordinary Girl. on August 4, 2011 at 11:24 PM said...

tak faham lah macam mana nk buat~x boleh pun tolong~jawab please~

Eira Alysa on August 8, 2011 at 3:38 PM said...

jdy tu jdy.. tp , xley letak gamba mnyk-2 ke ? takkan dua je kot ? huahuahua~ hadeeyhh ~! boley letak bnyk ta ? hik3..

Arnie Natasya . on August 12, 2011 at 3:04 PM said...

xbuley punn !
haishh !
pening lhaa !

hafiza on September 12, 2011 at 2:35 PM said...

HAHA !TANIAH-2 akhirnya JADI JUGA :)
THANK YOU <3

Jieha on September 18, 2011 at 3:22 PM said...

asl nak buat scroll image ta boleh arr ? ta jd..

blog akue ! hak akue lha ! on October 1, 2011 at 3:00 AM said...

link untuk dibuka ? ape tuu ? mcm mne nk buad ?
url gmbr boleyh dpt kat mne ?

justsimplemama on October 1, 2011 at 3:02 PM said...

knapa pic jd besar???pls!!

NurunJeeha on October 8, 2011 at 7:22 PM said...

sowie x fham la time nk letak byak pic 2..
klu x nk link kn pic cm ne??

Assyieqin. on October 10, 2011 at 10:17 AM said...

tak faham lah .

Fatin_Budin on October 14, 2011 at 9:09 PM said...

Xfhm nie...Tlg larh ajrkn..
Cam ner nie...

nurbariah binti roslan on October 16, 2011 at 10:58 AM said...

mcm mane nak amek URL nyehh.?? ta jumpe lahh.

Anonymous said...

asal...1 gmbr je yg jdi.letak..2 terus rosak

MyrAmir on October 22, 2011 at 4:43 PM said...

i will try...tq

MakCik Kepoh ♥♥♥ on October 23, 2011 at 2:43 PM said...

cm ne nx kcik kn gmbr 2????
x jd la...help

Nur Hasyazira on October 24, 2011 at 11:16 AM said...

esok bleh blik........

EnalovesMylife ! on October 28, 2011 at 2:05 PM said...

gambar jadi besar laaaaaa :( macam mana ?

Farra Tafiera on October 28, 2011 at 11:00 PM said...

, Sorry nak tanya. Kenapa gambar yg kita letak tu boleh jadi besar? Macam mana nak kecikkan sikit gambar tu? :)

MYEERA MIYTSU :) on October 30, 2011 at 2:37 AM said...

mcm mane na letak gambar banyak banyak ? asyik tak jadi :(

Lala Shakila on November 2, 2011 at 9:45 PM said...

picture tu jd besar . macam mne nak kecik je ?

MERAN QAMAR on November 11, 2011 at 4:32 PM said...

SAYA BUAT JADI

camne nk letak pic byk?
copy link yg d bg tu...

gne yg dua baris bwh tu utk tmbh pic

paste kn kat bwh dari link yg owner blog bg tu tp maku sure jgn isi selepas

isi atas dia dgn 1x enter

kat blog saya dah jd....

nur athirah on November 14, 2011 at 3:52 PM said...

x jadi ponn...hishhh..

aecha◕‿◕ on November 22, 2011 at 7:42 PM said...

link utk dibuka tu cmne

Linda on November 23, 2011 at 3:55 AM said...

makasih ilmunya....sangat membantu bgt,,,,,

Khairul Nur Emany (FiziE ) on November 23, 2011 at 1:44 PM said...

adoeyy . mcm mane ni ? ape maksod link ?

quratu ainie on December 4, 2011 at 1:39 AM said...

ta dpt larhh... unwanted pliz help me.!!

AkUbUkAnAkU on December 4, 2011 at 10:47 PM said...

kenapa gambar dia jadi besar? mcm mana nk bg gambar dia bg kecik sikit?

zulaikha dzulkefli on December 4, 2011 at 11:04 PM said...

mcmne er?? xphm..sy xdpt2 bt nie

cieyameer on December 6, 2011 at 2:34 PM said...

sye x dpt nk wat gmbr brgerak nhe....x fham crenye.

quratu ainie on December 7, 2011 at 12:05 AM said...

kenape gmbr tuu kuar bnyk... addoyyy... camne neyh... da buntu fikir neyh... tolongg..

AmizaNajwa on December 13, 2011 at 11:57 AM said...

awak saya jadi buat tapi cuma satu je gambar boleh letak kalau saya letak banyak bnyak tak keluar pon gambar yang lain :p

och_gy on December 14, 2011 at 1:54 PM said...

mcm mane nak kecik kan gambarr tuuu..

iela_dekla on December 15, 2011 at 10:37 AM said...

bla letak gmbr jdi bsar..nk kcikkn cm ne???

ayrien on December 17, 2011 at 8:10 PM said...

alaa ta jd laaa . cm ne nyh .. ta paham laa . leyh tlg ta ajar kite ,, mne na dpt kan url kite tuh . bab tuh yg ta pham

nana ayrien on December 18, 2011 at 1:16 PM said...

da jd . tp mcm mne na ltak pic tuh lbey dri 2 ye

sAiakEma on December 27, 2011 at 11:38 AM said...

tq!!suka2!!

♥ Just With Me ♥ on December 28, 2011 at 11:34 PM said...

Saya dah buat..Dan ia dah berjaya..cuma,,link untuk dibuka tu,,saya tak faham

Eyzaa Fariynaa on January 10, 2012 at 6:14 PM said...

Wehh , aku tak paham laa

Eira Lovely Gurlz on February 12, 2012 at 9:01 AM said...

maaf ..''line untuk dibuka'' apa yew

kekasih_gelap on February 14, 2012 at 9:06 AM said...

tak jadi pown...

fazira aziz on March 4, 2012 at 1:01 AM said...

jadi tapi image jadi besar . :(

ghah zatty on March 13, 2012 at 1:53 AM said...

tak jdi pown ? mcm mne nk ambik URL GAMBAR ? gmbr tuhh diambil dri mne ? komputer or laman sosial ?

al-asqalani on March 13, 2012 at 6:32 PM said...

cam ne nak buat url gambar???tlg jelaskan satu persatu???

Halimatus Sa'adiah on April 26, 2012 at 10:51 AM said...

dah buat brapa kali.. mmg menjadi.. tp saiz gmbar plak jd besar.. mcm na nak kecil kn erk?

duan on May 11, 2012 at 2:14 AM said...

tq tq
http://duanprintingmaju.blogspot.com

Ain Aeyot // on June 4, 2012 at 1:58 PM said...

kenape gambarnye jadi besar ?

HapPy tEengEr on September 23, 2012 at 11:06 PM said...

salam macam mana nak letak background laen tanpa menggunakan background yg diorang bg..letih saye buat xjdi harap dapat tolong

Acep Pajar on November 3, 2012 at 1:58 PM said...

tuker lin ksama ane yu sob,...

bulAn kec!l (kec!k) on January 29, 2013 at 10:27 PM said...

assalamualaikum
admin saye tak faham url tu...
boleh terangkan?

taufik semak said...

salam 1malaysia saya pun tak faham ... sila jelaskan dgn lebih teliti

Ef Azman on May 28, 2013 at 1:59 PM said...

hye..!! korang.. kalau nak tau lebih lanjut.. mcm gambar x kuar, x tau cmne nak dapat url....

click kat sni... ef akan terangkan melalui video..

http://geekinbeat.blogspot.com/2013/05/tip-tutorial.html

draherbal on May 29, 2013 at 5:28 PM said...

keren gambarnya bergerak

Risma Agustin AKD on July 24, 2013 at 10:28 PM said...

kok nggak jadi ya

supra yogi on December 4, 2013 at 6:15 PM said...

jadi punya hamster....thanks

Mr.DefrM on December 16, 2013 at 1:19 PM said...

mas tukar benner yu sama saya http://tutorialuntukblog.blogspot.com/2010/02/cara-buat-gambar-bergerak-scrolling.html

Jasa Bikin Blog on February 6, 2014 at 12:28 AM said...

Keren tutorialnya. silahkan berkunjung ke blog saya juga ya?

TOP Auto Backlink High Quality on May 11, 2014 at 10:56 AM said...

Very interesting article, I really enjoyed every article of this blog, and I learned a lot from here. Thank you for sharing with us. Visit my blog dofollow auto approve http://goo.gl/31NAio.

Zei Fhend on May 24, 2014 at 6:55 AM said...

SALAM SUKSES BRO. BOSEN KENA GUSUR MULU SEKARANG SEKARANG INI. DAN SEKARANG TERPAKSA BIKIN RUMAH BARU. DITUNGGU KEHADIRANNYA YA BRO SEKALIAN TITIP BINGKISAN TERBARU DARI GUBUK ANE. THX YO
BOKEP STREAMING TERBARU

KOLEKSI BOKEP STREAMING JANDA
KOLEKSI BOKEP STREAMING BARAT
KOLEKSI BOKEP STREAMING ASIA
KOLEKSI BOKEP STREAMING INDIA
KOLEKSI BOKEP STREAMING INDO
KOLEKSI BOKEP STREAMING PHILIPINA
KOLEKSI BOKEP STREAMING MALAYSIA
KOLEKSI BOKEP STREAMING KOREA

VIDIO TERLARIS
BOKEP STREAMING ABG MESUM 15 TAHUN
BOKEP STREAMING ABG MESUM 16 TAHUN
BOKEP STREAMING ABG MESUM 17 TAHUN
BOKEP STREAMING JANDA KEMBANG
BOKEP STREAMING PERAWAN SMP
BOKEP STREAMING PERAWAN SMA
AYAM KAMPUS JAKARTA

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted