Tutorial : Snow Ball Effect

Gadis Kidal Berceloteh..

.Assalamualaikum.

Hai , korang tahu ke apa itu Snow Ball Effect ?
Kalau tak tahu , try lah tutorial yang ini :)

Kalau tak suka, delete balik . hehe :)
1. Log in > Dashboard > Design > Add Gadget > Html/Javascript

2. Copy kod di bawah ni : (Sorry , panjangg sangat!)

<script>

//Here you can add your own picture for snow. Just change the url
var snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"
//how many snowflakes there will be (currently 12)
var no =40;
//How fast will the snow disappear (0 is never)
var hidesnowtime = 0;
//The height the snow will reach before it disappears ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////////////////////////End of Settings///////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>

3. Paste di ruangan Html/Javascript tu yer ..

4. Korang boleh pilih color snow ball nama yang cantik menarikk kaw mmg da boom!!

**Korang gantikan dengan kod yang berwarna merah di atas :)

Warna Hitam
http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
 Warna Biru

 http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png
Warna Pink 

 http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

5. Dah siap , SAVE :) Tengok lah hasilnya ^^ Chill~
 
Credit to : Apit
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

103 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Unknown
AUTHOR
June 6, 2011 at 7:49 PM delete

lyssa kenapa x menjadi ???? bile save kat blog , dy kuar ayat2 nye at blog ???

avatar
Siti Suraya
AUTHOR
June 6, 2011 at 7:49 PM delete

thnks yew akk dh jadi..
;)

avatar
kusyi
AUTHOR
June 6, 2011 at 9:01 PM delete

kusyi amek ini yea.. huhu..

avatar
Anonymous
AUTHOR
June 7, 2011 at 1:04 PM delete

best arrr kak lyssa :3

avatar
Yanoooot
AUTHOR
June 7, 2011 at 10:26 PM delete

apee bende sebenarnyee snow ball effect er ?
tataww lha ((:

avatar
Anonymous
AUTHOR
June 8, 2011 at 10:19 AM delete

thx ow akk <3 ;)

avatar
June 18, 2011 at 12:33 PM delete

Boleh tak nak request Snow Warna Putih ?

avatar
June 19, 2011 at 9:26 PM delete

nak tnye npe snow tue x jd...

avatar
ArianaFadzil
AUTHOR
June 27, 2011 at 5:06 PM delete

Thanks Kak Lyssa :)
sudah menjadi~!
Cantek sgt2 :D

avatar
Webie
AUTHOR
July 8, 2011 at 11:56 PM delete

thanx kak lyssa.. tuto menjadi.. =]

avatar
Thirah Biha
AUTHOR
July 9, 2011 at 9:38 AM delete

nape dy jadi kat sebelah kanan blog jer...???

avatar
Unknown
AUTHOR
July 10, 2011 at 3:06 PM delete

thanxxx....cute sgt....:)

avatar
blacky ;D
AUTHOR
July 10, 2011 at 5:43 PM delete

lyss, thanks. jadilah! tapi boleh tak kalau seluruh blog tu ada benda tu? takkan kat bawah je? boring lah :(

avatar
flowet bella
AUTHOR
July 11, 2011 at 3:39 PM delete

hey lyssa tengs for the tuto.its workin

avatar
Hanie
AUTHOR
July 11, 2011 at 5:00 PM delete

kak lyssa , saye punye tak jadii pon . nape ? :?

avatar
ieynurluvdye
AUTHOR
July 13, 2011 at 3:25 AM delete

yeah....~!!
skunk ny dh trase blog k.nurul smakin chanteQ taw deQ..
HAHAHAHHA~!
Tq DEQ...!

avatar
'Ais S.
AUTHOR
July 17, 2011 at 12:13 PM delete

thanks akak ! lama 'Aisya carik snow neh, love you ! hehe.

avatar
Yan Yan
AUTHOR
August 3, 2011 at 9:16 PM delete

hi..maaf ya..ia tak jadi utk blog i.. i tak blh paste kod tu..

avatar
Miera Azli
AUTHOR
August 9, 2011 at 9:08 AM delete

dah jadi !! thanks a lot dear.. :)

avatar
August 21, 2011 at 9:02 PM delete

kak lysaa . .

da jadi la !

thank you so much . .

syg kak lyssa .

avatar
September 23, 2011 at 2:39 PM delete

sis~ tQ 4 da tuto.. mjadi la... nk tgok jom la ke blog sy.. tQ aaa^^[hepy sgt2]

avatar
Nur Adila
AUTHOR
September 23, 2011 at 9:16 PM delete

lyssa kenapa x menjadi ???? bile save kat blog , dy kuar ayat2 nye at blog ???

avatar
October 1, 2011 at 12:12 AM delete

mcm mane nk copy . saya buad x lerh copy pon :(

avatar
saraa
AUTHOR
October 6, 2011 at 4:31 PM delete

wee ! jom maen salji ! nnt kak lyssa try lha tgok blog saraa .. saraa pnyer xbrape cntek sgt tpi nnt kak lyssa try lha tgok2 .. btw , thanx 4 the tut0rial ^_^ da mnjdy !

avatar
October 7, 2011 at 8:49 PM delete

yeye jdi...tHanxxx ye kAk LysSa....
cNtek aRh.....tErbaEk.....

avatar
Unknown
AUTHOR
October 25, 2011 at 11:55 AM delete

kak lyssa ,,mnjdi larr..
hehe..btw tq ea..

avatar
Anonymous
AUTHOR
October 27, 2011 at 8:05 PM delete

jadi..tapi dah lame ...............
lepas tu tak da..
hilang..
nape jadi cam tue?

avatar
Unknown
AUTHOR
October 28, 2011 at 9:17 AM delete

SUKE GILER...DA JADI DA...HEHEH

avatar
October 28, 2011 at 8:22 PM delete

Kak ! Nape x jadi ? Bila save , die kuar ayat . Please reply kat blog saya yee . :)

avatar
October 30, 2011 at 2:04 PM delete

tengs dear..;)sye ske tutorial yunk nie .

avatar
Ilya Atilia
AUTHOR
October 30, 2011 at 3:16 PM delete

Waaa! Jadi laa! Tenkiu Lyssa :D

avatar
Ira Thira
AUTHOR
November 8, 2011 at 1:51 PM delete

comellah kak lyssa...dah menjadi

avatar
Timah Naailah
AUTHOR
November 9, 2011 at 11:41 AM delete

nape dia jdik kt sblh tepi ja..???
cuba kak lyssa tngok niii>>
http://melodiesoflife11.blogspot.com/
ka lyssa scroll ke tepi yaa...
napa xjatuh dri atas..??
tlong.!!!!!

avatar
November 14, 2011 at 6:06 PM delete

nape tak jadi. hukhukhukhuk.. :(

avatar
ayya yusoff
AUTHOR
November 29, 2011 at 6:02 PM delete

thanks kak lyssa...jdie ugk

avatar
December 5, 2011 at 12:43 AM delete

hye..akq lyssa.thank for this tuto btw akhirnye menjadi jugak thank u again for u :*

avatar
Fatin Syawani
AUTHOR
December 5, 2011 at 6:10 PM delete

akak lysaa.. npe snow ball sy ade kat bawah je?? mcm mne nak buat biar jtuh dri ats ?

avatar
Faiz
AUTHOR
December 9, 2011 at 9:57 AM delete

@Aeyntan Mungkin yang html/javascript tu kena susun kat atas baru boleh kot ? hehe just nak kasik pendapat

avatar
Faiz
AUTHOR
December 9, 2011 at 9:58 AM delete

@FaSya Ahmad kena letak html/javasciprt tu dekat atas baru dia jatuh :)

avatar
Faiz
AUTHOR
December 9, 2011 at 10:03 AM delete

@AeyntanCuba letak html/javascript dekat bawah header , baru menjadi akk lysaa nak ajar diorang boleh hehe

avatar
Miss No Love
AUTHOR
December 15, 2011 at 11:08 AM delete

npe position dia xfixed??? bhgian ats je ada ,..xsmpai bawah,...

avatar
ICESS
AUTHOR
December 16, 2011 at 9:24 PM delete

saya buat kat add a gadget yang kat atas sekali...so,nampaklah macam center...oklah...thanks for the tuto sis lyssa...

avatar
eyka marzuki
AUTHOR
December 28, 2011 at 12:49 AM delete

akak..jady tapi knpa snow 2 kad ats jew...xsmpai kad bawah pon la..

avatar
January 1, 2012 at 1:02 AM delete

thanx akk sme tuto akk mnkdi lha!!

avatar
husna dina :D
AUTHOR
January 3, 2012 at 12:02 PM delete

aka lyssa , thanks .
menjadi :)
i take pink , huhu ~

avatar
husna dina :D
AUTHOR
January 3, 2012 at 12:02 PM delete

aka lyssa , thanks .
menjadi :)
i take pink , huhu ~

avatar
husna dina :D
AUTHOR
January 3, 2012 at 12:03 PM delete

thanks kak lyssa :)
menjadi and i take pink .
huhu~

avatar
husna dina :D
AUTHOR
January 3, 2012 at 12:04 PM delete

thanks kak lyssa :)
menjadi and i take pink .
huhu~

avatar
January 11, 2012 at 10:51 PM delete

Yayy ! thanks Kak Lyssa dh jadik :)

avatar
Anonymous
AUTHOR
January 13, 2012 at 6:23 PM delete

thx kak lyssa..suke sgt dgn tutorial nieee!!!hehe

avatar
Le Mignon
AUTHOR
January 23, 2012 at 9:28 AM delete

K.Lyssa.
Tengs sangat.
Banyak tuto yg saya ikut..
Semua jadi!
Tengs K.Lyssa..
Sayang Akak!

avatar
Sara D'Luvers
AUTHOR
January 29, 2012 at 3:43 PM delete

Thnkxxx akak lyssa dah menjadi lawa sangat thnkxxx

avatar
Miss Atiqah
AUTHOR
February 11, 2012 at 10:21 PM delete

Thanks !! jadi !!
singgah lah sini
[ http://atiqahswift.blogspot.com / ]

avatar
meyya :)
AUTHOR
February 12, 2012 at 6:22 PM delete

SALAM . kak lysaa .xmenjadi pun :(

avatar
February 25, 2012 at 12:32 AM delete

kak .. knp ader kt bwah je ?
knp x turun dri atas mcm akk punye blog ni ?

avatar
aQis
AUTHOR
March 14, 2012 at 8:39 PM delete

akak warna hijau ?

avatar
Chinta Cheeya
AUTHOR
March 28, 2012 at 1:51 AM delete

Salam dear...
thanks...menjadi tp kn knpa snow ball sye ke tepi erk...pelik larh...urmm...ada solution tak..?

avatar
eyza feyy
AUTHOR
April 10, 2012 at 8:25 PM delete

jadi lah kak lyssa . thankyou .

avatar
April 12, 2012 at 10:29 AM delete

tolong lhaa ajar, kenapa x jadi??

avatar
Nurul Husna
AUTHOR
May 9, 2012 at 3:31 PM delete

saya ambik satu ye!pink!thanks kak lyssa

avatar
Miss Weirdo
AUTHOR
May 11, 2012 at 7:34 PM delete

akak Lyssa..da jadi..thanks..

avatar
Anonymous
AUTHOR
May 29, 2012 at 3:56 PM delete

same lah....kiter punyer x menjadi...

avatar
AN.
AUTHOR
May 31, 2012 at 12:21 PM delete

thanks kak Lisa ^^ comel gila snow dye .hihi

avatar
Unknown
AUTHOR
June 1, 2012 at 6:54 PM delete

lyssa ,, knpe sye punye die duduk kt tepi ?? help me sis ! :(

avatar
Yasmin
AUTHOR
June 6, 2012 at 1:43 PM delete

x jadi langsung la

avatar
Izzati Rafiee
AUTHOR
June 7, 2012 at 3:13 PM delete

ety punye jadi~ tapi dye duduk kat bawahh. Macamm mana ni Kak Lyssa? :(

avatar
Unknown
AUTHOR
June 27, 2012 at 8:00 PM delete

thanks kak Lyssa .. :)

avatar
July 19, 2012 at 4:08 PM delete

Thanks Kak Lyssa .. menjadi ..
cantik ...Saye amik wrne biru klu pink nnty x nmpk sbb sme skin ..

avatar
ameera
AUTHOR
July 22, 2012 at 1:20 PM delete

meme adew tpi dye asyik pegi kat belah kanan je...dye x pegi kat belah kiri pown.... :(

avatar
budak nerd
AUTHOR
July 30, 2012 at 6:23 PM delete

kak lysa mana nak cari dashboard

avatar
12Priceless
AUTHOR
August 16, 2012 at 11:00 AM delete

Akak lyssa! Warna putih takde ke?

avatar
12Priceless
AUTHOR
August 16, 2012 at 11:08 AM delete

Akak lyssa! Sya guna blogskin, so sya paste la code ni kat bwah starting code blogskin sya tu.Tpi snowball tu dia stuck kat atas! Dia x turun bwah. Mcam mna ni? HELP!!

avatar
Anonymous
AUTHOR
August 28, 2012 at 4:30 AM delete

k.lyssa , nk centerkan acano yer ? sy hrp k.lyssa jwb lha eyk . sbb snow ball effect tu drops kt right side jekk .... papepun , thnks for the tuto <3

avatar
Hallo :D
AUTHOR
September 24, 2012 at 4:09 PM delete

Hey kak Lyssa. Why tk jadi niyh? Dia start dri bwah. Teach me :( Thanks, btw I love ur blog. Macam2 saya dah belajar dari blog kak Lyssa ni :)

avatar
Fazloyy♥
AUTHOR
October 28, 2012 at 3:20 PM delete

kak lysa , kenapa tak menjadi ni ?

avatar
Unknown
AUTHOR
February 22, 2013 at 3:59 PM delete

lisa...knape jd kat tepi j?

avatar
Anonymous
AUTHOR
March 24, 2013 at 4:48 PM delete

Today there is still plenty of activity in all the area mines.

If you have lower defence you can survive as well, but it won't be as easy. Also onsite is a physics lab, which is in The underground psychic lab is in use today, by the University of Minnesota.

Here is my homepage; mining

avatar
Awadah
AUTHOR
September 2, 2013 at 11:09 AM delete

Jadi mmg jadi . tpi separuh je ? x leh sampai bawah ke ?

avatar
Icaa .
AUTHOR
December 17, 2013 at 1:50 PM delete

Thanks kak lissya, kite ambil tau :D Kak lisa, macam mana nak letak pageviews kat blog?

avatar
Anonymous
AUTHOR
December 17, 2013 at 1:51 PM delete

Thanks kak lissya, kite amik tau. Kak lyssa macam mana nak letak pageviews kat blog?

avatar
Cutie Pinky
AUTHOR
September 29, 2014 at 3:30 PM delete

Waalaikumussalam , Thanks Kak Lyssa . Tutorial Kak Lyssa memang baguss !! Berguna sangat !! Tapi .. Kak Lyssa boleh tak ajarkan Pinky cara nak editkan blog jadi cantik ? Thankssss :)

avatar
tasya
AUTHOR
August 1, 2017 at 4:41 PM delete

izin repost ye kak, tenang.. tasya credit kok ^^

avatar

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