Tutorial : Moving Word Cursor

Hey korunk !
Lyssa saje nak letak tuto niyh .
Saje mawu share ngan korunk ler! ;)
Tuto ini , Lyssa amek dari Miss Amy k :)

Korunk ikut je ,step niyh ^_^

1. Log in > Dashborad > Design > Add Gadget > Html

2. Then , korunk copy and paste kod kat bawah niyh taw! :)

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'JOKERMAN';
color: TEXT COLOR;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "TEXT HERE";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
 * JOKERMAN = if nak font lain , cari kat microsoft korunk lah k ?:)
TEXT COLOR = korunk boleh cari di sini ;)
* TEXT HERE = Your Own Text ;)



**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

126 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
January 14, 2011 at 4:36 PM delete

Thanx 4 thz tutorial !!! Working Perfectly

avatar
Mrs.Abbey
AUTHOR
February 17, 2011 at 8:50 PM delete

; thx tutorial neh :)
i buat and jadi . ty taw :D

avatar
schocolart
AUTHOR
February 26, 2011 at 11:20 PM delete

thanx fo da tutorial yea sys <3

avatar
ducx baek
AUTHOR
March 7, 2011 at 6:50 PM delete

tenz sis ,jd larh , huhu

avatar
shahiraa
AUTHOR
March 27, 2011 at 11:22 AM delete

thanxx cik lyssa . ia mnjadi ..

avatar
March 27, 2011 at 1:03 PM delete

@shahiraa

heheh .orait ! Welcome :)) wee~

avatar
'Arisya
AUTHOR
March 29, 2011 at 11:20 PM delete

mcm mane nak tukar tulisan?

avatar
Unknown
AUTHOR
April 14, 2011 at 5:35 PM delete

thanx lyssa..jd2..=D

avatar
Unknown
AUTHOR
April 14, 2011 at 5:35 PM delete

thanx lyssa..jd2..=D

avatar
April 25, 2011 at 5:57 PM delete

yeah ! da jadik .thank kak lyssa . <3

avatar
May 23, 2011 at 5:37 PM delete

@Lyssa Dollixious kak lysa jokerman 2 mksud per erk !
kta kna 2lis per at ctue ?

avatar
May 26, 2011 at 12:17 AM delete

mcm mna nak tukar moving ayat kita 2??nak dye bergerak mcm kat menu bar lyssa 2??hehe

avatar
aiNa eiNa
AUTHOR
June 2, 2011 at 12:13 PM delete

maseh kak lysa ..
<3 <3 heee :D

avatar
ziera hunnie
AUTHOR
June 3, 2011 at 11:25 AM delete

macammane kite nk sign out..
sbb bile dh ade cursur tuh...die ade lencane die...so lencane tuh kat tempat sign out..
jadi saye x leh sign out..
mcm mane nk delate lencane cursur tuh tapi cursur tuh maseh ade????
tlg kak lyssa..

avatar
Nini
AUTHOR
June 7, 2011 at 4:03 PM delete

kak lysa.. kite nak wat cursor trail cam akak cam ne?

avatar
June 8, 2011 at 2:52 PM delete

yeeaaa.....dah menjadi!!terima kaseh KAK Lyssa!!!1

avatar
June 12, 2011 at 12:23 AM delete

Lyssa npe sya wat x jdi pon..??nk kta sya x ikot apa yg lyssa wat tue smua nya sya ikot..tpi npe x jdi jugak?

Yang tulisan tu sya wat (ravie)
yang text colour tu sya wat (deep pink)
text here tu sya wat nama sya..
ada slh x lyssa? please jwab lyssa.. :)

avatar
farahaniaiza
AUTHOR
June 13, 2011 at 11:53 AM delete

akk.... thx yee... sbab akk la bl0g cye cntek... hee ~
thx skali lgi.. <3

avatar
farahaniaiza
AUTHOR
June 13, 2011 at 11:54 AM delete

akk... thx yee...krana akk la bl0g sye cntek...hee ~ thx skali lgi... <3

avatar
c budak faten
AUTHOR
June 17, 2011 at 3:02 AM delete

cne nk copy ny kak lysa???....x jd pun tkn ctrl+c tu....
cane ea????...
akk eply kt shoutmix sy k....

avatar
gadish kechik
AUTHOR
June 17, 2011 at 2:41 PM delete

time kaseh kak lysaa :)

avatar
June 20, 2011 at 6:15 PM delete

Lepass tuu nakk paste dekat mana ? Hehehe , sorry . Leembap sikit . Harapp kak Lyssa baca ehh , comment saya ni . takk sabar nak buuat .

avatar
KJK ✿✿
AUTHOR
June 24, 2011 at 8:49 PM delete

thanks kak,,,menjadi!!yeay,,haha

avatar
June 25, 2011 at 12:17 PM delete

@Eika mochoii

tu font lhaa.. cari kat microsoft word klu nk yg laen..

avatar
Elle Espinosa
AUTHOR
July 10, 2011 at 6:36 PM delete

Menjadi .. thnx very much !!

avatar
July 14, 2011 at 8:45 PM delete

mcm mane nak tukar corak tulisan ?

avatar
blacky ;D
AUTHOR
July 18, 2011 at 11:50 AM delete

thanks a lot! its working! :D

avatar
blacky ;D
AUTHOR
July 18, 2011 at 11:50 AM delete

thanks a lot! its working! :D

avatar
noerkiey
AUTHOR
July 21, 2011 at 1:59 PM delete

thanxs kak lysaa ;)
lama dh crik tutorial mcmnie .. Tq so muchhhxx ;D

avatar
tinker bell
AUTHOR
July 22, 2011 at 1:56 PM delete

thnx, lysa nye fb pee ??

avatar
Daxx Baexx
AUTHOR
July 29, 2011 at 1:06 PM delete

Kak Lysa , Ain buat dh jadi !!
suke2 :))
TENGS AKAK ;)

avatar
August 7, 2011 at 12:15 PM delete

kak lysa farihin x fhm sngt laa... tlg jap .. farihin bru ja terlibat lam blog nie .. =)

avatar
Eyra Nadhirah
AUTHOR
September 16, 2011 at 1:37 PM delete

sempoii laaa .. jdy lorxhh .. sygss lyssa ^_^

avatar
ciNdhaDahniEa
AUTHOR
September 17, 2011 at 2:54 PM delete

done! tq lyssa! weeeeeeeeeeeee~

avatar
Yaya Maisarah
AUTHOR
September 19, 2011 at 12:41 AM delete

akak, bole tlg ajar camne nak buat banner yg ade gerakk?? mcm banner kak lyssa tuu.. sorii kalau nyusahkann~ :)

avatar
cik su'aidah
AUTHOR
September 27, 2011 at 7:13 PM delete

salam..nk tnye if nk letak gmba xnk letak text cmne lak :)

avatar
az
AUTHOR
October 1, 2011 at 1:22 AM delete

salam , tlg sy .. sy xtau nk bt mcm mna ..

avatar
Shiyun
AUTHOR
October 6, 2011 at 7:25 PM delete

TerimaKasihh kak . Jadik !

avatar
Dayana ♥
AUTHOR
October 10, 2011 at 10:30 PM delete

Mcm mana nk copy ? tak bole lhaa

avatar
cikah
AUTHOR
October 19, 2011 at 1:28 PM delete

haha..thanks a lot lyssaa..moving cursor da jd..

avatar
Me_Yana
AUTHOR
October 24, 2011 at 7:33 PM delete

yea ..!! da jdik .. tq ❤

avatar
maria wahidah
AUTHOR
October 28, 2011 at 4:37 PM delete

Kak lyssa :) Thanks a lot .Anyway kak lyssa punye belog lawa gilak .hehhe

avatar
babah ujang
AUTHOR
November 7, 2011 at 8:25 PM delete

wah..jdik lar...thanx akq Lyssa..

avatar
annsrnx
AUTHOR
November 11, 2011 at 6:42 PM delete

tenkiu kak lyssa... menjadi la sume tutor yg akk kasi... tenkiu soooo much kak !! :D

avatar
atieyrA
AUTHOR
November 11, 2011 at 7:25 PM delete

thak kak lyssa dh menjadi

avatar
Irna Ibrahim
AUTHOR
November 11, 2011 at 9:18 PM delete

berjaya la.. thankz sys :)

avatar
puteri
AUTHOR
November 13, 2011 at 9:53 PM delete

oh comeinye! sy dah buat kat blog sy. THANKS SO MUCH! syukurlah Allah temukan sy dgn blog leesa ni.

avatar
A!n_SyafiqaH
AUTHOR
November 29, 2011 at 3:23 PM delete

yg text colour tu nk msuk code atau wrna tu je??? ^^

avatar
dhia yAyA
AUTHOR
December 9, 2011 at 11:49 AM delete

cantek cgt , syuke-2 , thx kaka ;)

avatar
fieqa lurve
AUTHOR
December 9, 2011 at 11:29 PM delete

i buat ta menjadi la lisa. .
n i hope u will follow me!!!

avatar
Nur Aniqah
AUTHOR
December 12, 2011 at 5:13 PM delete

macam mane nak carik bentuk lain ?

avatar
Anonymous
AUTHOR
December 14, 2011 at 1:25 AM delete

thnx sys...!!akak..cmne akak wat ayat at komen "Awak,Tekan Sini untuk Komen tu"??

avatar
Elissa Mamy
AUTHOR
December 17, 2011 at 11:16 AM delete

kak lisa .. np ek ? bile sye tuka Designer . then lepas sye tekan save templete .. x b0lehhh .. gmba yg sme yg kuar .?

avatar
Alia Syafiqah
AUTHOR
December 25, 2011 at 10:26 PM delete

salam m kak ni tuto sme cam akak punyee :/ die copy akk punye kott

avatar
Alia Syafiqah
AUTHOR
December 25, 2011 at 10:27 PM delete

sofeabatrisya12.blogspot.com link die

avatar
Fatini Zahari
AUTHOR
December 29, 2011 at 10:45 AM delete

SYUKRAN-2 , dah jadi ! Cantek-2 :)

avatar
iqa yusof
AUTHOR
January 1, 2012 at 11:43 AM delete

kak lysa<thankx la coz wt tuto nie,,
da try and it`s working!

avatar
January 4, 2012 at 11:32 PM delete

tq 4 tutorial yg bez..so useful..thanks..

avatar
NOR HANISAH
AUTHOR
January 12, 2012 at 6:19 PM delete

salamm..kak..thanks yer bg byk sgt tuto..mmg brguna larh...thanks sgt2 taw..hehe

avatar
Unknown
AUTHOR
January 23, 2012 at 1:48 AM delete

thanks kak lyssa! love u!!!

avatar
Afiq Winfrey
AUTHOR
January 28, 2012 at 7:10 PM delete

FONT tuh nak cari kat mana ekk ?

avatar
nurul hazirah
AUTHOR
February 5, 2012 at 11:10 AM delete

kak lysaa !! tegssss .dahh jadi :*.

avatar
February 8, 2012 at 11:31 PM delete

lySsa... tq so0 much..
v epy sgt.. jd r..so0 cute :)

avatar
Eyqa
AUTHOR
February 9, 2012 at 10:34 PM delete

lyssa , da jd ,, btw , tengsss

avatar
fyqah-milan
AUTHOR
February 24, 2012 at 12:25 PM delete

THANK YOU KAK LISA!!!!
MENJADI LAH.....
THNX....

avatar
Sya_Fyeeqa
AUTHOR
March 11, 2012 at 10:31 AM delete

woahhhhh.tereerrrrrrrrrr kak lysa:)

avatar
March 15, 2012 at 2:10 AM delete

wow thx kak lysaa ,dh jadi dah :))

avatar
March 16, 2012 at 4:11 PM delete

Hye sys lyssa . Boleh tak kalau Sofie shared tutorial nih kat blog Sofie ? Sofie dah credit . Tengok sini ; http://sofieezzaty.blogspot.com/2012/03/tutorial-moving-word-cursor.html

avatar
Alep_Hazli
AUTHOR
April 6, 2012 at 2:26 PM delete

KAK X JADI ~ MACAM MANA ??

avatar
miraLentik
AUTHOR
April 18, 2012 at 4:11 PM delete

Kak Lyssa, acana nak letak cursor yang handmade punya dekat blog?

avatar
bebeechumey
AUTHOR
April 25, 2012 at 4:45 PM delete

Salam akak lyssa?
bole x resque macam mana nk buat toturial '' copycat not allow?

avatar
Unknown
AUTHOR
May 20, 2012 at 4:28 PM delete

thanks kak lyssa. <3

avatar
dynomitewawa
AUTHOR
May 31, 2012 at 11:07 AM delete

lisa, nak mintak tolong . wawa punya blog x boleh nak create new post . dye blank. knp erk? dah berkali² cuba buat . x boleh jugak . tolong wawa please :(

avatar
September 27, 2012 at 10:56 PM delete

Jadik la kak lyssa walaupun saya gunakan template lain dari kak lyssa..

avatar
Mai
AUTHOR
October 10, 2012 at 8:31 PM delete

akak lyssa tlg leh x..
kiter x brapa fhm yg bhgian text, warna ngan jenis text.. kiter wat jer slalu x jdi.. T-T pls la tlg... :''''(

avatar
Unknown
AUTHOR
October 22, 2012 at 6:08 PM delete

tanks lyssa..dah jd dah

avatar
Anonymous
AUTHOR
October 30, 2012 at 4:39 PM delete

Thanks Akak Lissa . Cer tengok blog kite @syahiiraqil.blogspot.com

avatar
Anonymous
AUTHOR
November 12, 2012 at 10:08 AM delete

thank tok tutorial.heheh cantek sgt la

avatar
Baby'z_B.A.P
AUTHOR
November 24, 2012 at 3:16 AM delete

thanks kaklisa !
sya punya dh jdi...
thanks sbb ajar...
sya punya blogger dh cnteq sngt skrg...
sya suka3
<3 <3 <3

avatar
mylifejourney
AUTHOR
December 26, 2012 at 9:07 PM delete

nak copy kat mna ni ..yg kat edit html ke?? (hee, new blogger -,-)

avatar
January 5, 2013 at 9:58 PM delete

THANKSS KAK LYSAA.. MENJADI ! JEMPUT LA KE BLOG SAYA .. www.fatinstorymorie.blogspot.com

avatar
January 8, 2013 at 9:01 PM delete

ok jadiiiiii!
nk yg mustache,tapi x jd ==

avatar
Unknown
AUTHOR
February 15, 2013 at 12:35 AM delete

thank you. menjadi. tpi , kaklysa taknak die pusing-2. nk mcam kak lysaa punye. still je. takde pusing-2 gtuh. thanks.

avatar
Aslinn :3
AUTHOR
May 31, 2013 at 6:06 PM delete

thanks kak lyssa :* cantik sangat

avatar
Unknown
AUTHOR
September 16, 2013 at 7:16 PM delete

jekerman tuh macam mane ?

avatar
asyikinaris
AUTHOR
November 14, 2013 at 4:16 PM delete

woow ! menjadilahh . tapi agak menyebelkan . saya tak jumpa edit html punn >.<

avatar
Unknown
AUTHOR
December 24, 2013 at 7:46 AM delete

ktmne add a gadget eh?

avatar
Unknown
AUTHOR
January 3, 2014 at 9:54 PM delete

Akak. cemana nak buat cursor macam akk punya ehh? yang Lyssa tuu? x3

avatar
May 22, 2014 at 9:44 PM delete

sis,,boleh ke kalau kod ni nak letak kt website kite sendiri???

avatar
May 22, 2014 at 9:44 PM delete

sis,,boleh ke kalau kod ni nak letak kt website kite sendiri???

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon