Membuat Efek Salju Berjatuhan Pada Tampilan Blog

Trio Ardhian's
Dalam posting ini saya akan menjelaskan mengenai efek salju berjatuhan di blog sobat blogger, mungkin cara ini sudah lama telah diposting oleh sumber yang lain, tetapi tidak ada salahnya apabila saya mengulas kembali, dan mungkin saja ada para sobat blogger yang belum mengetahuinya. Untuk lebih jelasnya silahkan para sobat blogger menyimak dan ikuti tutorial yang akan saya jelaskan dibawah ini:
  1. Log in blog sobat blogger.
  2. Pilih Rancangan pada menu Dasbor.
  3. Pilih Elemen Halaman.
  4. Pilih Tambah Gadget.
  5. Selanjutnya pilih HTML/JavaScript, lalu COPAS kode script dibawah ini:
    6. <!-- Snow efeck by http://monaliasakwati.blogspot.com --> 
    <script type='text/javascript'> 
    //<![CDATA[ 
    //Configure below to change URL path to the snow image 
    var snowsrc="http://img9.imageshack.us/img9/4945/pinginbelajar.gif"; 
    // Configure below to change number of snow to render 
    var no =20; 
    // 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 = "pageheight"; 

    ///////////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 variables 
    var am, stx, sty; // amplitude and step variables 
    var i, doc_width = 800, doc_height = 400; 

    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" : snowsrc 
    for (i = 0; i < no; ++ i) { 
    dx[i] = 0; // set coordinate variables 
    xp[i] = Math.random()*(doc_width-50); // set position variables 
    yp[i] = Math.random()*doc_height; 
    am[i] = Math.random()*20; // set amplitude variables 
    stx[i] = 0.02 + Math.random()/10; // set step variables 
    sty[i] = 0.7 + Math.random(); // set step variables 
    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://wpplugins.info\"><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 function 
    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) { // iterate for every dot 
    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> 
  6. Selanjutnya pilih Simpan & lihat hasilnya.


Selesai sudah saya share tata cara menampilkan efek salju berjatuhan pada blog, semoga bermanfaat bagi anda para sobat blogger.