Thêm Hiệu Ứng Tuyết Rơi Cho Blogspot Nhân Dịp Giáng Sinh

Thì cũng sắp tới giáng sinh rồi, nên chúng tôi sẽ viết bài tạo hiệu ứng tuyết rơi cho blogspot để đón một mùa giáng sinh vui vẻ. Góp phần cho blogspot đẹp và sinh động hơn. Viết xong bài này rồi nghỉ ôn thi là vừa rồi hihi. Nào cùng nhau làm thôi :))

CÁC BƯỚC THỰC HIỆN

  • HIỆU ỨNG 1: (Chỉ có tuyết rơi) Với hiệu ứng này thì cách làm khá đơn giản. Bạn chỉ cần Copy đoạn js bên dưới và dán vào dưới thẻ <head>
<script src='http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js'/>
  • HIỆU ỨNG 2: (Có tuyết rơi và chuông 2 bên Blog) Bạn Copy đoạn Code dưới đây và dán dưới thẻ <body> nhé
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">body{background:#f5465a}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';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;var am,stx,sty;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();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')}}function snowIE_NS6(){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){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>

LỜI KẾT

Trên đây là 2 Hiệu ứng tuyết rơi dùng để trang trí cho blog mà chúng tôi tổng hợp được. Chúc các bạn thực hiện thành công và có một mùa giáng sinh an lành và hạnh phúc. À mà đừng quên là phải cố gắng thi cử cho tốt nhé. Fighting !