Tutorial : Sparkling Cursor (Bentuk ♥)

Gadis Kidal Berceloteh...
28/11/2011

.Assalamualaikum !
Peacee ^_^v


Heyy . Tutorial kembali datang ! Ehh , apa yang baru dekat blog Lyssa ? Cursor Lyssa ada keluar lep lep lah kan ? ♥ ♥ . Perasan tak ? huhu . Cer lah korang bawakk cursor Lyssa jalan - jalan kelilingi blog ni . huhu . Kan ada keluar lep lep ♥ ♥ huhu . Before ni , keluar bintang cuns. Nak tahu macam mana buat benda niyy ?

Terlebih dahalu , korang boleh lah delete segala kod sparkling cusror yang korang pernah buat dulu . okeyy ?  Now , ada kod baru pulak . JOM !

1. Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy semua kod di bawah , dan pastekan di ruangan Html/JavaScript tu ehh ?


<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

* Tukarkan kod berwarna merah kepada kod warna yang korang suka . Kod Warna boleh dapatkan DI SINI !:)

3. Lepas tu , korang SAVE lah ehh ? Tengok ? Menjadi nggak ? ^_^

=SELAMAT MENCUBA=
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

87 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Unknown
AUTHOR
November 28, 2011 at 6:21 PM delete

sweet la ada kuar love uh :>

avatar
Anonymous
AUTHOR
November 28, 2011 at 6:22 PM delete

Thanks kak Lyssa :)

avatar
Wan Atikah
AUTHOR
November 28, 2011 at 6:22 PM delete

Haha , thanks for the information :) emm kak lyssa , mcm mne kite nk tahu yg tuan punye blog tuh dh balas comment kite ? err , kak lyssa paham ta ? Tq

avatar
Ah Long
AUTHOR
November 28, 2011 at 6:26 PM delete

nice totu ~ cuke2 ~ :D

avatar
Unknown
AUTHOR
November 28, 2011 at 6:33 PM delete

tensen aku tengok! haha
kalau colourful aku rasa lagi comel tau. try la buat :D

aku tetap tak suka walaupun dia comel. hahaha

avatar
Eiqa Nur
AUTHOR
November 28, 2011 at 7:10 PM delete

cumel lah..lep-lep gitu..hehe

avatar
November 28, 2011 at 7:17 PM delete

Thankz kak lyssa..sye dh try..mmg cantek lah..kuar gmbr love tu..hehehehe..

avatar
Nur Fatihah
AUTHOR
November 28, 2011 at 7:40 PM delete

tq for the tuto kak lyssa. comell jek love2 tu ;)

avatar
Ana Farhana
AUTHOR
November 28, 2011 at 8:07 PM delete

lyssa.. tutor yg mana ni ? tak tahuu pon.huhu

avatar
November 28, 2011 at 11:49 PM delete

wahh cantik2.. nak try lah.. :) cyunk lyssa !

avatar
Una
AUTHOR
November 29, 2011 at 12:22 AM delete

jadi da kak lyssa !tQ eh :D

avatar
sugoi iris
AUTHOR
November 29, 2011 at 12:41 AM delete

kak lyssa ~ na tnye..knape love tuu kua lmbat yee ?

avatar
cik pinaz
AUTHOR
November 29, 2011 at 9:58 AM delete

lyssa , pnaz x nmpk pn love tu .. huhu

avatar
November 29, 2011 at 5:41 PM delete

xbuleh buat sbab sya lebih sukakan yg bubbles cursor yg kak lyssa ajarkn berbanding sparkling cursor.coz, bubbles tahan lama nk hilang.
jom tgk di blog Mia

http://coretanmiaukaishar.blogspot.com/

avatar
NaTaShAh
AUTHOR
November 29, 2011 at 8:34 PM delete This comment has been removed by the author.
avatar
Ira .
AUTHOR
November 30, 2011 at 11:00 PM delete

Akak lyssa , ira copy tuto nih boleh ?
Ira dh bg crdit untuk akak dah :)

avatar
alya honey
AUTHOR
December 1, 2011 at 12:38 AM delete

sweet ow :O
thank for the tuto <3

avatar
Anonymous
AUTHOR
December 1, 2011 at 4:40 PM delete

Thanks kak Lyssa.. Dah jadi dah.. Comel sanad-2 :)

avatar
December 1, 2011 at 11:28 PM delete

waaa. thanx lyssa ! sangat sangat c0mey. :)

avatar
Unknown
AUTHOR
December 2, 2011 at 10:41 AM delete

@Wan Atikah

mcm awaiting comment moderation????sys lyssa dh wt laa tuto 2...tgk laa kat tutorial dye

avatar
ali
AUTHOR
December 2, 2011 at 4:39 PM delete

salam lyssa..sya da delete da sparkling cursor yg lama tuh..tp bla nak bt yg baru nih da xbley dah..da save pun xkluar jgk..npe ek?

avatar
nananiena
AUTHOR
December 2, 2011 at 4:54 PM delete

hii lyssa thanx sye da bwt jd.. thnx ye...

avatar
nafelafieqa
AUTHOR
December 4, 2011 at 3:08 PM delete

thanks yea kakak :D syg kakak !

avatar
December 11, 2011 at 11:42 PM delete

hehe..i get it.!thankzz sis lyssa

avatar
*lalalink*
AUTHOR
December 15, 2011 at 4:17 AM delete

hye , dah buat dah . mekasih :)

avatar
cik umie
AUTHOR
December 16, 2011 at 3:57 PM delete

hai lyssa comel ,tengs :)

avatar
Ira Thira
AUTHOR
December 17, 2011 at 1:55 PM delete

kak lyssa...kita ambil tuto ni..

avatar
Unknown
AUTHOR
December 17, 2011 at 7:10 PM delete

Tenkiu Kak lyssa,menjadi pun ;D

avatar
Dania Bella
AUTHOR
December 20, 2011 at 9:52 AM delete

MENJADI ! terimaksih akak :)

avatar
Far-Hana
AUTHOR
December 27, 2011 at 6:40 PM delete

Salam kak Lyssa...
nak tanye ade tak tuto pasal cute icon di URL blog tuh?? lame dah carik...

avatar
Reen :*
AUTHOR
December 28, 2011 at 10:01 PM delete

Cute la Blog Kak Lyssa ! Suka tengok tutorial yg kak Lyssa buat !

avatar
suhaila
AUTHOR
January 14, 2012 at 9:19 AM delete

kak lyssa..saye buat jd..tp mcm mne nk buat anak panah tu jadi lolipop atau "lyssa" mcm kt blog ni..??

avatar
January 30, 2012 at 11:07 AM delete

cute lowh blog kak lyssa ,, same mcm tuan punye blog :)) tengss c0z uat tuto ,, hee~

avatar
laili sofea
AUTHOR
February 11, 2012 at 9:04 PM delete

cantek!!! tq kak lyssa..tq

avatar
najwana safia
AUTHOR
March 1, 2012 at 6:50 PM delete

x jadi pun harap balas.

avatar
najwana safia
AUTHOR
March 1, 2012 at 6:52 PM delete

x jadi pun....harap balas

avatar
March 4, 2012 at 8:24 AM delete

akak lyssa,boleh tak tolong buatkan tutorial pasal care nak buat tutorial...hrp akk fhm..thanks

avatar
Webie
AUTHOR
March 8, 2012 at 2:34 PM delete

thengs kak lyssa.. ^^, sayang u ketat2..

avatar
Anonymous
AUTHOR
April 11, 2012 at 3:03 PM delete

sy amek..tq ;)

avatar
Pemilikhati
AUTHOR
May 5, 2012 at 11:10 AM delete

terima kaseh , suke , cntek :)

avatar
May 14, 2012 at 6:19 PM delete

xjd gakk laa..dy kate URL terr trlalu pnjang :( humm

avatar
Nur Farzana
AUTHOR
June 1, 2012 at 2:00 PM delete

kak,,kenape kalau saye tekan add agadget je,,mesti kluar bende ni http://www.blogger.com/choose-gadget?blogID=3093773954709021225&sectionId=footer-1&cat=basic tolong tau kak

avatar
AiennA
AUTHOR
June 7, 2012 at 9:57 PM delete

Kak lyssa , x jadi pn .. :(
Dh bnyk kali try ... :(

avatar
Budax Siswa
AUTHOR
July 2, 2012 at 11:59 PM delete

dashboard tak jumpa pon dlm blog

avatar
Unknown
AUTHOR
July 10, 2012 at 1:18 PM delete

Kak lysa cmne ah nak tkar gmbar lain... x nk gmbar <3 nk gmbar bola...bleh x klo nk tukar??

avatar
Unknown
AUTHOR
July 20, 2012 at 4:39 PM delete

KAK! YANG NI PUN HELPFUL GAK. :D

avatar
Tia
AUTHOR
July 30, 2012 at 12:07 AM delete

Thanks kak! Macam tau tau je tgh cari tuto ni ;D Akhirnye!! Jumpe gakkk!

avatar
NurAisya
AUTHOR
September 17, 2012 at 1:51 PM delete

Tq kak lisa menjadilah :D

avatar
NurAisya
AUTHOR
September 17, 2012 at 1:54 PM delete

Tq kak Lyssa mnadi sngt, comel :)

avatar
NurAisya
AUTHOR
September 17, 2012 at 1:57 PM delete

Tq Kak Lisa mnjdi sngt :) comel .

avatar
Unknown
AUTHOR
September 25, 2012 at 3:37 PM delete

Thanks for the tutorial =)

avatar
October 12, 2012 at 1:46 AM delete

lyssa.. nape bila sy nk wat tp dia ckp error..asik error je..mcm cr sy wat tu x btl.. im new blogger and really noob.. tolonggg lah sy :(

avatar
Effa Nadia
AUTHOR
December 24, 2012 at 7:45 AM delete

ooo.. cmtue.. xde bntuk lain ke ?

avatar
December 26, 2012 at 3:34 PM delete

Dah menjadi . Thanks kak Lyssa :D

avatar
March 24, 2013 at 11:31 AM delete

Akak boleh x tunjukkan tutorial untuk 'Dashboard(baru) > Design > Add a Gadget > Html/JavaScript' saya nie masih baru

avatar
June 11, 2013 at 9:07 PM delete

kak lisqa mcm mana nk buwad cursor nama-nama mcm kak lysa ek ? bole ajar tak ?

avatar
~ iKaiRa ~
AUTHOR
June 23, 2013 at 11:42 PM delete

Camne nak buat warna-warni ehh ??

avatar
Unknown
AUTHOR
October 31, 2013 at 9:10 PM delete

Tq... Blog dah cantik dah...

avatar
Unknown
AUTHOR
November 20, 2013 at 4:07 PM delete

thx kak lyssa .. ohsem sgt ..

avatar
Unknown
AUTHOR
January 11, 2014 at 5:42 PM delete

Kak Lyssa,mcm mana nk copy sume link yg dlm kotak tuh,x leh copy la...pleaseuu help me,Kak Lyssa ^^

avatar
April 5, 2014 at 4:46 PM delete

Kak lyssa, saya guna yang classic template tu... nak paste dekat mana?

avatar
nuran82
AUTHOR
November 29, 2014 at 6:27 PM delete

thanks-a-lot kak lyssa :):)

avatar
Unknown
AUTHOR
July 29, 2015 at 4:35 PM delete

TQ Lyssa. semua tutorial ni menjadi. Klau tak keberatan boleh follow blog shikin yg xberapa siap lagi tu. :D

avatar
aisyah
AUTHOR
September 23, 2015 at 9:08 PM delete

thankyou , thankyou , thankyou kak lyssa. menjadi sangat ... >.<

avatar

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