Open Source Efek Salju

Sesuai dengan selogan blog saya "BERBAGI ITU INDAH" jadi untuk kali ini saya ingin berbagi source kode efek salju yang telah saya posting sebelumnya yang berjudul Memasang Efek Salju di Blog..!!! Lalu kenapa saya publikasikan..??? ya Pasti banyak orang yang merasa tidak cocok atau kurang pas dengan gambar yang saya sajikan..!!! jadi kenapa tidak dengan gambar kreasi anda..!!! Lalu bagaimana caranya..??? Langsung aja ya..!!!

Coba perhatikan pada source kode dibawah ini..!!!

<br /> /******************************************<br /> * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)<br /> * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code<br /> * Last updated Nov 9th, 05 by DD. This notice must stay intact for use<br /> ******************************************/<br /> <br /> //Configure below to change URL path to the snow image<br /> var snowsrc="http://www.geocities.com/ebenk_789/snow.gif";<br /> // Configure below to change number of snow to render<br /> var no = 10;<br /> // Configure whether snow should disappear after x seconds (0=never):<br /> var hidesnowtime = "0";<br /> // Configure how much snow should drop down before fading ("windowheight" or "pageheight")<br /> var snowdistance = "pageheight";<br /> <br /> ///////////Stop Config//////////////////////////////////<br /> <br /> var ie4up = (document.all) ? 1 : 0;<br /> var ns6up = (document.getElementById&&!document.all) ? 1 : 0;<br /> <br /> function iecompattest(){<br /> return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br /> }<br /> <br /> var dx, xp, yp; // coordinate and position variables<br /> var am, stx, sty; // amplitude and step variables<br /> var i, doc_width = 800, doc_height = 600; <br /> <br /> if (ns6up) {<br /> doc_width = self.innerWidth;<br /> doc_height = self.innerHeight;<br /> } else if (ie4up) {<br /> doc_width = iecompattest().clientWidth;<br /> doc_height = iecompattest().clientHeight;<br /> }<br /> <br /> dx = new Array();<br /> xp = new Array();<br /> yp = new Array();<br /> am = new Array();<br /> stx = new Array();<br /> sty = new Array();<br /> snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc<br /> for (i = 0; i < i ="="" id="\" style="\"><a href="\"><img src="+snowsrc+" border="\" /><\/a><\/div>");<br /> } else {<br /> document.write("<div id="\" style="\"><img src="+snowsrc+" border="\" /><\/div>");<br /> }<br /> }<br /> }<br /> <br /> function snowIE_NS6() { // IE and NS6 main animation function<br /> doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;<br /> doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;<br /> for (i = 0; i <> doc_height-50) {<br /> xp[i] = Math.random()*(doc_width-am[i]-30);<br /> yp[i] = 0;<br /> stx[i] = 0.02 + Math.random()/10;<br /> sty[i] = 0.7 + Math.random();<br /> }<br /> dx[i] += stx[i];<br /> document.getElementById("dot"+i).style.top=yp[i]+"px";<br /> document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; <br /> }<br /> snowtimer=setTimeout("snowIE_NS6()", 10);<br /> }<br /> <br /> function hidesnow(){<br /> if (window.snowtimer) clearTimeout(snowtimer)<br /> for (i=0; i<no; visibility="hidden">0)<br /> setTimeout("hidesnow()", hidesnowtime*1000)<br /> }<br />
Agar mudah mengedit source kode diatas disarankan agar copy dan pastekan kode tersebut ke notepad..!!! pada kode tersebut terdapat alamat gambar saljunya (http://www.geocities.com/ebenk_789/snow.gif)

Nah kamu dapat menggantinya dengan alamat url gambar yang kamu inginkan..!!! jika sudah save kode tersebut dengan ekstensi *.js contoh snow.js..!!!

Upload file tersebut ke tempat yang memberi hosting gratis seperti yahoo geocities atau tempat hosting yang lainnya..!!! Setelah Mendapat alamat dari file yang tadi di upload lalu tinggal memasangnya ke blog kita..!!! Contohnya seperti ini <script src='http://www.geocities.com/ebenk_789/snow.js' type='text/javascript'/> Ganti url diatas http://www.geocities.com/ebenk_789/snow.js dengan alamat file kamu..!!!
Bagaimana Mudah bukan..???