Membuat Efek Salju Pada Blog (1)




Salju sudah tidak asing lagi di negara yang mempunyai 4 musim. Meski blog tidak mengenal musim, kita bisa membuat efek salju lho di blog kita. Wah jadi cantik dong blog kita. Kalau pingin lihat sebelum mencoba klik aja di sini. Gemana....? Mau tau caranya. Ikuti langkahku:

  1. Login dulu di Blogger.com / Blogspot.com
  2. Klik menu "Page Element"
  3. Pilih Add Page Elements --> HTML/JavaScript
  4. Copy script dibawah ini ke kolom Konten


  5. <!-- Snow efeck by http://tips-mempercantik-blog.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>
    Snow efeck by <a href ="http://tips-mempercantik-blog.blogspot.com/2009/03/membuat-efek-salju-pada-blog-1.html" target ="_blank">tips Mempercantik Blog<a/>


  6. Klik Simpan
  7. Selesai

Related Posts



9 komentar: