Tutorial snow effect version 2
Sudah berkurun lama D'ya Marshmello tak buat tutorial kan?Dulu ada juga request suroh d'ya buat tutorial,tapi d'ya memang takde masa sebab tahun d'ya busy dengan exam and show tarian.Hari ni cuti sekolah godek-godek laptop taip entri terbaru iaitu tutorial snow effect version 2.Yang istimewa snow ni tak memberatkan blog.Dijamin 100% la katakan.Let's start.
Bukak dashboard>design>add gadget>HTML/javascript
Copy paste code di bawah ini di HTML/javascript
<script type="text/javascript">/******************************************* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code* Last updated Nov 9th, 05' by DD. This notice must stay intact for use******************************************///Configure below to change URL path to the snow imagevar snowsrc="URL SNOW ANDA"// Configure below to change number of snow to rendervar no = 10;// Configure whether snow should disappear after x seconds (0=never):var hidesnowtime = 0;// Configure how much snow should drop down before fading ("windowheight" or "pageheight")var snowdistance = "windowheight";///////////Stop Config//////////////////////////////////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; // coordinate and position variablesvar am, stx, sty; // amplitude and step variablesvar i, doc_width = 800, doc_height = 600;if (ns6up) {doc_width = self.innerWidth;doc_height = self.innerHeight;} else if (ie4up) {doc_width = iecompattest().clientWidth;doc_height = iecompattest().clientHeight;}dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrcfor (i = 0; i < no; ++ i) {dx[i] = 0; // set coordinate variablesxp[i] = Math.random()*(doc_width-50); // set position variablesyp[i] = Math.random()*doc_height;am[i] = Math.random()*20; // set amplitude variablesstx[i] = 0.02 + Math.random()/10; // set step variablessty[i] = 0.7 + Math.random(); // set step variablesif (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://dynamicdrive.com\"><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() { // IE and NS6 main animation functiondoc_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) { // iterate for every dotyp[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>
You all boleh tukarkan tulisan merah dengan snow pilihan anda
White
http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png
Pink
http://i1104.photobucket.com/albums/h329/anisdiyana97/pink1.png
Orange
http://i1104.photobucket.com/albums/h329/anisdiyana97/orange1.png
Grey
http://i1104.photobucket.com/albums/h329/anisdiyana97/grey1.png
Green
http://i1104.photobucket.com/albums/h329/anisdiyana97/green1.png
Chocolate
http://i1104.photobucket.com/albums/h329/anisdiyana97/chocolate1.png
Blue
http://i1104.photobucket.com/albums/h329/anisdiyana97/blue1.png
Black
http://i1104.photobucket.com/albums/h329/anisdiyana97/black1.png
Then,boleh save dan lihatlah hasilnya.Selamat mencuba :)
KREDIT: ANIS DIYANA
3 marshmallow komen