Cara Membuat Efek Hujan Salju di Blog ~ Menghias blog kesayangan anda dengan berbagai efek-efek widget yang keren seperti efek hujan salju memang dapat mempercantik dan memperindah tampilan blog saudara. Dengan memasang efek hujan salju pada blog dapat membuat pengunjung blog merasa nyaman dan betah sehingga pengunjung tersebut ingin berlama-lama di blog anda. 

Mungkin sudah banyak para blogger yang membahas dan mengetahui bagaimanacara membuat efek hujan salju pada blog. Tapi tidak ada rugi dan salahnya jika saya memposting artikel yang serupa. Jadi jika anda tertarik dengan widget efek ini, tidak ada salahnya jika anda memasang efek hujan salju pada blog kesayangan saudara.

Silahkan ikuti panduan di bawah ini untuk memasang Efek Hujan Salju pada Blog:

<script type="text/javascript">

   

  //Configure below to change URL path to the snow image 

  var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVr9lEU8pgqGyG9KJs0vIhZN4XLqbpPp8DL05JSdXVMk27iwv_F-hVMmWHUVpdbpmvQB2rpxhnGt5wtxRqugIR4ecZYgEStZDZD02TYD3fqbV1ABLfQ469oU6hNNnIJ4zvomTJt5Y6tT0/s400/snow.gif" 

  // Configure below to change number of snow to render 

  var no = 15; 

  // 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 = 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)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVr9lEU8pgqGyG9KJs0vIhZN4XLqbpPp8DL05JSdXVMk27iwv_F-hVMmWHUVpdbpmvQB2rpxhnGt5wtxRqugIR4ecZYgEStZDZD02TYD3fqbV1ABLfQ469oU6hNNnIJ4zvomTJt5Y6tT0/s400/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://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 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) 

        }

Bagaimana Keren Kan? Jika anda ingin memasang widget keren lainya pada blog saudara. Anda bisa mencoba memasang permalink keren pada blog anda. Tapi jangan khawatir, setelah memasang widget ini loading halaman blog saudara masih terjagakecepatanya. Tidak percaya? Silahkan Buktikan Sendiri!!

Selamat Mencoba . . .