Home
Blog Mistress
Tutorial
Tutorial
Banner Exchange

Tutorial : Customize Your Own Snow

Assalamualaikum

yahhh , saya tengah kempunan doodles milik The Dollydle's Cottage . Mintak mak , mak cakap tak boleh . Haihhh , buat meleleh air liur je pandang doodles comel tu T___________T okey , sile abaikan tuan blog ni yang mengada² tahik kuda . Tutorial kali ni direqeust oleh Akak Hazrina . Dia reqeust nak Snow macam kat Blog Ainaa ni . Yang mana ? Tengok atas tu kalau tak tau okey .

Pergi ke Dashboard >> Design >> Add A Gadget >> HTML / Javascript

Copy Code dibawah :

<script>

//Here you can add your own picture for snow. Just change the url
var snowsrc="URL Snow"
//how many snowflakes there will be (currently 12)
var no =47;
//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>

Gantikan URL Snow dengan salah satu snow dibawah :


http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png
http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png
http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png
http://i608.photobucket.com/albums/tt163/pwincess9214/snow.png

Tempek Code tersebut di HTML / Javascript dan SAVE ! Cube preview tengok hasilnye


Saye baru tau ade game lukis kat Blog MizzMeira . Let's draw our own doodle !




Credits : Akak Adira
Photobucket

57 comments:

Ecah Emir said...

Jadi dah !

Sincerely Ecag Emir :)

Ainaa Ramzani said...

@adnin


Thanks dear for commenting ! :)

sitihajaraqilah said...

thnxs aina :D

Ainaa Ramzani said...

@sitihajaraqilah

welcome kak ! thanks for commenting :)

unicornXmermaid said...

macam mane nak bwat header??

Ainaa Ramzani said...

@bype (bylapearl)

http://alia-azmi.blogspot.com/2010/12/mix-tutorial.html :)

nurulbalqis ♥ said...

tenkiu , ainaa , tenkiu :)

NurHazimah said...

eh2,jadi la .. suke la .:) thanx !

Ainaa Ramzani said...

@Panda-B !

welcome bini flapjack ;)

Ainaa Ramzani said...

@NurHazimah

Hehe , welcome ! Suke ? saya lagi suka ! :D

mizs syazilla said...

tinQiu aina =)

Ainaa Ramzani said...

@mizs syazilla

Welcome ! Thanks for commenting dear ! :)

Nor Suraya said...

thanks aina,akak dah lame cari bende nie,tq yaa

Izzati Aqilah said...

kite amik.....

Iman Kyuhee said...

Ainaa, mcm mne nk ltk snow ni kt ats mcm yg Ainaa buat? thanks... ^_^

Anis Jazlan said...

| thankss ainaa ! ngee

Anonymous said...

tak jadi pon :(

Anis said...

hehe tq ainaa utk tuto ni. akk da lame adore dgn snow kt blog ainaa ni. hehe :D

Nur Hamizah said...

asl snow dye bnyk sngt ek>??

Anyez Nasri ツ said...

ainaa , kenapa kakok anyez punye tk jadi :'(

nurulzynal said...

wah,love it <3

Fazera Ahmad said...

seriously , tak jadik pung ,
waaa~
tulunk , tulunk .

Batrisyia Riz said...

tak jadi lah~ y? --'

Anonymous said...

menjadi gak tuto ni..thankiss kak ainaa

FaTiMah aZ-zArAh said...

thnx..dh jdi..

faralinrahim said...

mcm mane nak dlete balik ainaa? plizzz

faralinrahim said...

its ok ainaa! smuanya dah ok. sorry susahkan ainaa c:

yuhanis yunus said...

aina, mana nak campak code atas tu?? tau laa kat HTML.tp kat bahagian mana? atas bawah? aduh :|

yuhanis yunus said...

yey! dah buleh.tq ainaa :)

qieqie said...

tak bolehh , takda kluar snow lansungg

THIS GELS : ) said...

tak jadi punn

ekema said...

hmmm ... jadi !! tengs aina ... i loike !! heee :)

Miss Sakura said...

adek , nape x jadi ni eh ???

waniy :/ said...

knape ta jdy eah ?

najlaa said...

aina dah jadi. thanks! tp kenape snow saya tak sampai bawah ek dia turun? dia turun smpai sekerat jalan je pastu snow tu ilang. kenape ekk??

Dear Anis said...

ske3....
thankss kak !!
cute blog !
HIHI...>.<

FaRrah AsYiqyn ♥ said...

thanks for all tuto

Anonymous said...

kakk ainaaa ! sye da bt da , tp kann die kluarr katt tepii jeww . kat kanan + tghh die takk kluarr , nape ea ? ce jawab ce jawab :)

wanycullen said...

aina akak amik banyak tuto sebab buat blog baru thanks sayang <3

Anonymous said...

aina..xleh la..

Syakireen Yusoff said...

kenapa snow nie jadi tepi3 je eh ? mcm mane nak buat dia jadi tgh3 ?

Anis said...

dear, akak link kan tuto ni kat blog akak tau. thanks syg :)

Miss Bobo said...

menjadi . i like n thanks sis !

Ezatt Shazwanie said...

Bermakne T__T SukeSuke ^^

Unknown said...

Awwww what a cute blog! Love it dear! I guna tutorial ni :)

amalina sahimi ^^ said...
This comment has been removed by the author.
amalina sahimi ^^ said...

Akak , nape bila sy letak snow ni dekat blog , scroll saya yg kt bwh ketepi ? byk pulak tu . TOLONG BALAS :)

Anonymous said...

jadi ! thnks =)

Kisah Suka Duka KaMi BerSama said...

thanks ! dah jadii ! :)

ItsFRhere said...

Hye , and thanks jadi laaa :)))

syakirah najwa said...

thanks

Unknown said...

jadi...amek satu...tq...^^

tot said...

dah buat , n jadi ^^ terima kasih :)

Siti Hajar's said...

kenape bila saya sllu buat code snow ni , snow t'letak bahagian bawah ? --'

Alia Rahman said...

takk jadi pon , -.-

ansyhrh's said...

Kenapa snow ni ada dekat bahagian bawah je?

Farahburbb said...

kenapa saya punya tk boleh? snow ni ada bahagian tepi ? tolong saye