cara membuat efek salju pada blog

Nih buat yang req cara membuat evek salju



1. Copy script di bawah ini,,,



Cara copy nya : Klik Select All pencet Ctrl + C

<script type='text/javascript'><br /> //Snow alias salju hehehe...<br /> <br /> if ((document.getElementById) &&<br /> window.addEventListener || window.attachEvent){<br /> <br /> (function(){<br /> <br /> //Configure here.<br /> <br /> var num = 30; //Number of flakes<br /> var timer = 30; //setTimeout speed. Varies on different comps<br /> var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).<br /> <br /> //End.<br /> <br /> var y = [];<br /> var x = [];<br /> var fall = [];<br /> var theFlakes = [];<br /> var sfs = [];<br /> var step = [];<br /> var currStep = [];<br /> var h,w,r;<br /> var d = document;<br /> var pix = "px";<br /> var domWw = (typeof window.innerWidth == "number");<br /> var domSy = (typeof window.pageYOffset == "number");<br /> var idx = d.getElementsByTagName('div').length;<br /> <br /> if (d.documentElement.style &&<br /> typeof d.documentElement.style.MozOpacity == "string")<br /> num = 12;<br /> <br /> for (i = 0; i < num; i++){<br /> sfs[i] = Math.round(1 + Math.random() * 1);<br /> <br /> document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'<br /> +sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');<br /> <br /> currStep[i] = 0;<br /> fall[i] = (sfs[i] == 1)?<br /> Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br /> step[i] = (sfs[i] == 1)?<br /> 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br /> }<br /> <br /> <br /> if (domWw) r = window;<br /> else{<br /> if (d.documentElement &&<br /> typeof d.documentElement.clientWidth == "number" &&<br /> d.documentElement.clientWidth != 0)<br /> r = d.documentElement;<br /> else{<br /> if (d.body &&<br /> typeof d.body.clientWidth == "number")<br /> r = d.body;<br /> }<br /> }<br /> <br /> <br /> function winsize(){<br /> var oh,sy,ow,sx,rh,rw;<br /> if (domWw){<br /> if (d.documentElement && d.defaultView &&<br /> typeof d.defaultView.scrollMaxY == "number"){<br /> oh = d.documentElement.offsetHeight;<br /> sy = d.defaultView.scrollMaxY;<br /> ow = d.documentElement.offsetWidth;<br /> sx = d.defaultView.scrollMaxX;<br /> rh = oh-sy;<br /> rw = ow-sx;<br /> }<br /> else{<br /> rh = r.innerHeight;<br /> rw = r.innerWidth;<br /> }<br /> h = rh - 2;<br /> w = rw - 2;<br /> }<br /> else{<br /> h = r.clientHeight - 2;<br /> w = r.clientWidth - 2;<br /> }<br /> }<br /> <br /> <br /> function scrl(yx){<br /> var y,x;<br /> if (domSy){<br /> y = r.pageYOffset;<br /> x = r.pageXOffset;<br /> }<br /> else{<br /> y = r.scrollTop;<br /> x = r.scrollLeft;<br /> }<br /> return (yx == 0)?y:x;<br /> }<br /> <br /> <br /> function snow(){<br /> var dy,dx;<br /> <br /> for (i = 0; i < num; i++){<br /> dy = fall[i];<br /> dx = fall[i] * Math.cos(currStep[i]);<br /> <br /> y[i]+=dy;<br /> x[i]+=dx;<br /> <br /> if (x[i] >= w || y[i] >= h){<br /> y[i] = -10;<br /> x[i] = Math.round(Math.random() * w);<br /> fall[i] = (sfs[i] == 1)?<br /> Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br /> step[i] = (sfs[i] == 1)?<br /> 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br /> }<br /> <br /> theFlakes[i].top = y[i] + scrl(0) + pix;<br /> theFlakes[i].left = x[i] + scrl(1) + pix;<br /> <br /> currStep[i]+=step[i];<br /> }<br /> setTimeout(snow,timer);<br /> }<br /> <br /> <br /> function init(){<br /> winsize();<br /> for (i = 0; i < num; i++){<br /> theFlakes[i] = document.getElementById("flake"+(idx+i)).style;<br /> y[i] = Math.round(Math.random()*h);<br /> x[i] = Math.round(Math.random()*w);<br /> }<br /> snow();<br /> }<br /> <br /> <br /> if (window.addEventListener){<br /> window.addEventListener("resize",winsize,false);<br /> window.addEventListener("load",init,false);<br /> }<br /> else if (window.attachEvent){<br /> window.attachEvent("onresize",winsize);<br /> window.attachEvent("onload",init);<br /> }<br /> <br /> })();<br /> }//tamat<br /> </script>

2. Login Blog

3. Clik desain/Layout

4. Tata Letak

5. Tambah gadget Pilih HTML/JavaScript

6. Save / Simpen




Simpelkan,,?? Saya tidak mempersulit kalian,, "Karna ilmu itu murah" maka berbagi lah

Posted in: