Cara Buat Perkataan Bergerak (Scrolling/Marquee Text)

Membuat perkataan yang bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut seterusnya menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, ianya juga dikenali sebagai marquee text.

Cara Buat Perkataan Bergerak

Walaupun pergerakan ini menarik minat, tetapi tidak digalakkan untuk diletakkan terlalu banyak di dalam blog kerana dibimbangi keadaan 'menarik' bertukar 'menyerabutkan'.:)

Berikut adalah tutorial untuk membuat perkataan bergerak.
Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan.

1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)

<marquee>Contoh scrolling text</marquee>


Output untuk kod ini seperti berikut:
Contoh scrolling text

2. Ubah pergerakan perkataan
Penambahan kod berikut diperlukan dalam kod asal.

direction="left"
direction="right"
direction="up"
direction="down"



Berikut contoh kod untuk pegerakan dari kanan ke kiri

<marquee direction="right" >Contoh scrolling text</marquee>


Output untuk kod ini adalah
Contoh scrolling text

3.Ubah warna background
Untuk ubah background, perlu diletakkan kod berikut

bgcolor="#kod warna"


Senarai kod warna boleh didapati disini.

Contoh kod yang diletakkan background,

<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>


Output untuk kod ini adalah
Contoh scrolling text

4. Perkataan dalam keadaan 'anjal'
Penambahan kod berikut diperlukan ke dalam kod asal.

behavior="alternate"


contoh kod yang diletakkan trick ini.

<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>


Output untuk kod ini
Contoh scrolling text

5.Ubah kelajuan perkataan.
Pergerakan juga dapat diubah dengan menambah kod berikut

scrollamount="2"


Contoh kod dengan trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>


Output:
Scrollamount :2
Contoh scrolling text

Scrollamount :4
Contoh scrolling text

6. Pause apabila cursor dilalukan.
Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.

Penambahan kod yang perlu dilakukan adalah

onmouseover="this.stop()" onmouseout="this.start()"


Contoh kod dengan trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>


output untuk trick ini.
Contoh scrolling text


Suka entri ini.?

104 comments:

Naz on March 14, 2010 at 1:50 PM said...

tutorial dan tips yg cool... terima kasih kerana sudi berkongsi... :)

pensel kontot on March 14, 2010 at 2:41 PM said...

cool beb tq

sha89 on March 15, 2010 at 4:54 PM said...

best2...dh bejaya buat hehe :)

thnks :p

Amirrul Hafizz B. R.Razmi on April 9, 2010 at 11:14 PM said...

kalau nak besarkan saiz pkataan bole x?

nurulsyahira on May 17, 2010 at 4:52 PM said...

blog url tu ape eh ?

faisal @ on May 18, 2010 at 8:37 PM said...

Cool,memang menarik entry ko ni =)

SyIDi 142 on June 1, 2010 at 5:48 PM said...

caner ek kalo nk tuka size font ngn jenis font tu?

SiTi_91 on June 14, 2010 at 6:55 AM said...

Tutorial yg menarik..

jersi boy on June 17, 2010 at 3:20 PM said...

trimas!!amik ya ilmu ni.tq.

:: Zanna :: on August 17, 2010 at 9:33 PM said...

thanx.....dh guna kat blog...nice!!!

cima haslan on September 7, 2010 at 12:37 PM said...

kalau nak tukar size font tu macam mana eh?

khalija ibrihain on September 17, 2010 at 5:15 PM said...

macam mane nak buat scrolling text utuk url kite kat atas tu?

zaL_cdpx on October 2, 2010 at 10:19 AM said...

CMNER NK TUKAR KALER FONT TU ?

fad*** on November 4, 2010 at 6:34 AM said...

timer kacih banyak2

fad*** on November 4, 2010 at 6:56 AM said...

untuk size ,<,span class="Apple-style-span" style="font-size: ******;">
letak******
x-small
small
x-large
xx-large

fad*** on November 4, 2010 at 7:03 AM said...

untuk warna
'<'span class="Apple-style-span" style="color: *******;">
*******nama warna in english pastu [<]/span>

amirul aslam on November 24, 2010 at 3:57 AM said...

sebenanya tak faham...
kod-kod yang diberi nie nak di letak dekat mane???

areyuuSyunk on November 24, 2010 at 3:32 PM said...

klu tajuk blog nk gerak ann cm ner lak???

areyuuSyunk on November 25, 2010 at 1:01 PM said...

mcm mnew nk wt wane lain,
xbole pun wt yg fad aja uhh???

fad*** on November 30, 2010 at 11:14 PM said...

tulis
span calss="Apple-style-span" style="color:red;"

UNFINISHED STORY on December 2, 2010 at 3:14 PM said...

Ape mende ni? Aku x faham :( terangkan la....

hitam manis on December 3, 2010 at 2:19 AM said...

npe wt kua skli sume yg dtulis
bkn txt yg kte nk 2 je

Nur SyafiQaH ZulkiflY on December 3, 2010 at 10:43 PM said...

Hehe...sangat menyukai :)

niKKancomE on December 5, 2010 at 9:05 PM said...

xpham la nak baut cam mne???/kod ni kne letak kt kwsan mne????

gadis kepastian on December 13, 2010 at 1:39 PM said...

ye kurang fhm...nak letak kat mana??

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

kod wrne nk amk kt ane yek??

eyesha toma♥ on December 19, 2010 at 1:41 AM said...

klo na letak nme bebnyk cmner ?

kak Long on December 24, 2010 at 1:31 AM said...

dah buat tp kecik je teksnye..camne yek nk kasi besar tekst dn tebal? time ksih kerana tnjuk ajr

MIMIE forshort (: on December 24, 2010 at 4:33 PM said...

nape dah buad tp still tk boleh ? dy kua kod tu . nak letak kat mane ?

CiNtA purple on December 25, 2010 at 7:17 PM said...

nk letak kt mne nih

.A:F:I:R:U:D:D:I:N. on December 26, 2010 at 12:54 PM said...

thnx!XD

ARIF AIMAN]] on December 30, 2010 at 10:06 AM said...

THANKS:D

ARIF AIMAN]] on December 30, 2010 at 10:07 AM said...

LETAK AR KAT TEKS...

I LOVE U on January 10, 2011 at 3:46 PM said...

tak tau lh ...

shyesnglebncydya on January 16, 2011 at 7:43 AM said...

tengs

Aida Nurdiena on January 28, 2011 at 11:13 PM said...

nak buat bagi tulisan 2 beasr cam mane yer???

atyn :') on January 30, 2011 at 7:46 PM said...

nk paste kt mne nie yer ?

No NicKnaMe on January 31, 2011 at 10:45 AM said...

terima kaseh tuan tanah...menjadi....

razzmatazz on February 1, 2011 at 2:03 PM said...

btol tu. nk ltk kt mne ek kod tu?

nina violett on February 1, 2011 at 3:32 PM said...

npe x bleh ? . .x dew pown tlisn nye ?. .
why ?. .

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

xpham la.xdek step ye?

Amir on February 1, 2011 at 11:54 PM said...

nak tanya macam mana nak bagi perkataan tu center? atau justify?

Amir on February 2, 2011 at 12:14 AM said...

saya nak tahu macam mana cayanya, supaya saya dapat membuat makluman kepada pelawat tentang aktiviti terkini contohnya : Tajuk,Tarikh, Masa dan tempat.

dumpling husz on February 4, 2011 at 10:11 PM said...

nk paste kt mna link 2??
xphm la...lg 1 soaln mcm mna nk buat ank pnh tetikus 2 boleh da mcm cork yg ikut sana sini??

illa on February 7, 2011 at 7:29 PM said...

thank a lot... menarik sangat..

cheapprettythings on February 12, 2011 at 8:45 AM said...

u are so great! Thanks sbb share knowledge. Clicked all your nuffnangs ;p

ain on February 18, 2011 at 3:28 PM said...

it's awesom...
i like... <3

zura on February 28, 2011 at 12:10 PM said...

tqvm,,,,nk tnya skit,,
camne nk besarkn tulisan..!!

Natasha Aqeela on February 28, 2011 at 3:47 PM said...

thank you ! saya sudah pandai buat scrolling ny ;)

D'OneNaz Jc Corner on March 3, 2011 at 1:50 PM said...

huhu...xpaham...ktna nk copy suma tuh??lau title gadget ja leh buat jgk kew?

Nia Awal on March 5, 2011 at 11:38 AM said...

done!! but macam mane nk tukar color tulisan pulak...

Anonymous said...

xjadi laa . :(

Aida Mat Yasin on March 16, 2011 at 10:40 PM said...

nak letak kt mana ? tak faham lahh !

city_asthma on March 20, 2011 at 9:30 AM said...

jadi...thanx auw..

Misz_Maysarahblue205 on March 24, 2011 at 4:50 PM said...

nak letak kat mana ni?? xfhm la...

Hafiz Deen on April 4, 2011 at 1:50 PM said...

xpham la... :(

ruby on April 5, 2011 at 5:13 PM said...

yang saiz font da jadik..tp yang tukar kaler font x jadik2 jugak...huhuhu

mell :) on April 6, 2011 at 11:55 AM said...

ta paham macam mana nak buat.

syahidan syahid on April 7, 2011 at 11:00 AM said...

cmne ni,xpaham...mula2 nk pi kt mane dlu?

aQUe yOnnA on April 19, 2011 at 1:44 AM said...

mcm mn nak buat ne???x fhm la...

FiZah BoRhaN on April 19, 2011 at 1:15 PM said...

macamana nk tukar text tue..tulis kita nak buat..kuar perkataan contoh scolling plak..

ps_motowork on April 28, 2011 at 2:32 AM said...

nk bg besar tulisan mcm mna ye?

Shukairi Harun on May 1, 2011 at 1:48 PM said...

masalah text bergerak MARQUEE ni...tersekat2 & x nampak smooth. kdg2 tersangkut terus masa mula2 buka..klu guna browser Mozilla lg lar.

PutriAlam on May 14, 2011 at 7:33 PM said...

saya da faham, but then, mana nak letak kod utk font n kaler tu?

danish on June 18, 2011 at 1:06 AM said...

menarik, pembelajaran baru bagi saya. terima kasih

sheral's ! on June 25, 2011 at 4:58 PM said...

nak ltak kat mna kod ni???

yayath on June 25, 2011 at 6:16 PM said...

nice 1:)thanks a lot..

JR on June 25, 2011 at 11:06 PM said...

fizah..bukak notepad-paste link(tukar text..) page element- edit HTML-save..ok ke?

Dot Dot Dot on July 1, 2011 at 2:34 PM said...

code ni nk paste kt mne ek...???

Mohd Haziq Putra Azmee on July 9, 2011 at 1:03 PM said...

jawab laaaaa dorg, nak paste kat mana ea

I LOVE U ! on July 15, 2011 at 5:51 PM said...

susah lahh sikett buadd y nehh .

luvmomoyluv on August 9, 2011 at 12:59 PM said...

aduiiiaiiii...da pham tp nak paste
kat add gadget gak kew??
i need some little help here..
please guide me..

Spa Jelai Shopping on August 11, 2011 at 11:24 PM said...

SAYA PUN TGH PK SAMPAI SAKIT KEPALE NAK PASTE KT MANE...:((

hafizah@eija on August 20, 2011 at 3:45 PM said...

http://hafizah-hidayah.blogspot.com/

puteri_rei@yahoo.com on September 17, 2011 at 9:59 PM said...

tipu....x kuar2 pon..penat la..dr smlm..dah try..x leh gak... :(

Tengku Putry on October 24, 2011 at 4:56 AM said...

nak paste kat mner??

blackbaby on October 26, 2011 at 3:16 PM said...

paste la dekat tempat yang nak letak tulisan tuu . kan ada tulis 'CONTOH SCROLLING TEXT' tu kan ? ganti kan dgn ayat apaa yang korang nak letak .

Anonymous said...

thanks memang menjadi..bagi yg tak tau..first pegi kat design,,then pilih mane2 add gadjet..pastu paste kod yang korg dah copy kat atas dekat CONTENT bukan title..then save..mesti jadi

dyla adila on November 21, 2011 at 9:26 PM said...

ok fhm

Ain Syamira on December 3, 2011 at 3:24 PM said...

THANKS SEBAB KONGSI ILMU

lilac lollipop on December 4, 2011 at 11:29 AM said...

pd korank yg x phm bnd nie nk ltk at mne nie sye tlg ajr...
1.add gadget
2.+ html/javascript
3.korank copy code at ats nie yg plg last skali
4.paste dkt html/javascript
5.pkataan "contoh scrolling text" tu korank tkr dgn ayt korank
6.ntuk wrna lak korank klik at step no.3 at ats yg pkataan "di sini" tu
7.korank plh wrna korank ske n copy code dia
8.korank paste code korank td at "99CCFF"
9.(#) bnd dlm bracket tu jgn buang
10.then korank ltk "html/javascript" korank yg da siap nie at ats "blog post" (lau x nk ltk at ats pown ley, ltk jew at mnew2 yg korank ske)
11.save n siap

Anonymous said...

tutorial yang menarik:)

Anonymous said...

boleh tolong publish cara nak buat header yang cantik x???? :)

Anonymous said...

huhu ta paham . macam mane nyh

nana ayrien on December 18, 2011 at 10:18 AM said...

haha da pndai da .. terima kasehh

Mira on December 18, 2011 at 10:24 PM said...

x phm langsongg

azharian vs uia on January 31, 2012 at 6:19 PM said...

msih tak mnjadi..tah ape la sebabnye..haih..

Wahid H.A.D on February 10, 2012 at 3:47 PM said...

THANKS KAKAK!!!

tyra mailers' on March 9, 2012 at 10:09 AM said...

nice tutorial .. really love it .. tapi camner nak wat words tu bila gerak dia terus sambung jerp .. means dia xtunggu habis words tu masuk , words yg same ikot belakang .. then cmner nak tuka font ? :)

gadis on April 8, 2012 at 1:14 PM said...

thanks eh

Saiful Bahrin on May 10, 2012 at 11:33 PM said...

Tak paham laa , nak copy code yang last skali ? yang mana ?

DIARYopah on May 26, 2012 at 12:14 PM said...

Terimakaseh . Dah siap pun itee punye :')

Zue eika on June 30, 2012 at 3:56 PM said...

Tq =]

norfittri shakieyla on July 23, 2012 at 11:19 PM said...

nice <3 ,, lve it ..!

Erma wati on September 28, 2012 at 9:51 PM said...

terima kasih informasinya dan jangan lupa kunjungi blog ane di http://ermawatisweet.blogspot.com

Diana on December 2, 2012 at 1:05 AM said...

tERIMA kASih atas Info yg Bergna....Jemput LAwat blog saya...http://dianarashid92.blogspot.com/

Azmil on December 5, 2012 at 4:45 PM said...

Tolong buat tab ((antara SINGAAPORE - 8th December (2.) MALAYSIA)) , sebab outputnya ...SINGAPORE(2)MALAYSIA...rapat sangat CAMANA NAK BUAT TAB ANTARANYE dalam kod html sbb bila running marquee dianya takde space sngt atau bertindih satu dua perkataan sbelum dan selepas? THANK YOU SIR.

Super Saiya on January 5, 2013 at 4:37 PM said...

Arigato Ghosaimas

Aida.Ohno on January 14, 2013 at 5:45 PM said...

thank you.sangat simple plus senang.thumbs up :)

Largo Fitson on June 12, 2013 at 11:47 PM said...

Contoh Buat Ganti Warna Kaya Gini ni Gan

Contoh scrolling text

Largo Fitson on June 12, 2013 at 11:55 PM said...

Contoh Buat Ganti Warna Kaya Gini ni Gan Caranya

span calss="Apple-style-span" style="color:red;"

Code Di Atas Tarok Sesudah Code : bgcolor="754F9A"

Alliff Hadi on October 12, 2013 at 11:40 AM said...

code tu nak ltak kat mna erk??

Qeyra on November 27, 2013 at 5:12 PM said...

Daebakkk! memang menjadi lahh. semua menjadi.. tapi tak letak semua lah sebab nnti blog jadi serabut & x kemas .. hehe :D ada masa tu, singah2 la kt blog qeyraaaaaaaaaa ye ( qeyraayra.blogspot.com ) XD

Zei Fhend on May 24, 2014 at 6:59 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