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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zJ8YqFzAkZzM96PC6bjwbCzR-JoOgf0W0zLYHhSL9PB5xfsqM7xfKb7Jt5hlnEWrNZvAKlNc37-hK60qL4_DrE6btV8d_tGV8ue_OjEHQ2rUVhNZ641HVV4DwI4wTjm3T9VrbIuZ2to/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcB6dJkHrgSAculgQ3y1gj6EIjiiFAQ4apHB_5ujVqorE5eZRYSGbQF8W8WO3bea-vajZGmZvUZWGBoGopBgiMqixhWXtRqCMW4y6Pz5TgcReWwBSRn5ZfD5zkd56Zi4HEzI89b7gDpk/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 !
HuyRocket đến để tương tác.
Trả lờiXóaThank you ^^
Xóa- hay
Trả lờiXóaCảm ơn Phú nha :)
XóaThay url liên kết giúp Bảo lại là
Trả lờiXóahttp://baoshady.com
Bảo cảm ơn nè <3 :)
Đã change lại cho bạn nhé (y)
XóaAhihi :v
Trả lờiXóaĐiên hả :v
Xóalâu r k thấy bài mới
Trả lờiXóaBác đọc bài này chưa :v
Xóahttps://goo.gl/BxSzEt
:( ngày nào cũng ghé thăm Tính Gét Tơ hết nè
Trả lờiXóaBác nghe bản remix mới của tui đi :)
XóaBảo đẹp trai đến tương tác nè
Trả lờiXóaĐã nói rồi, phải gọi là Bảo bấy bỳ chứ :v
XóaMình mới làm thử bìa các bạn qua xem vs góp ý cho mình biết đi ><
Trả lờiXóaOk nha :v
Xóa