Giao diện đẹp mắt là một trong những yếu tố khá quan trọng đối với mỗi một blogger và nếu website của bạn có thêm một hiệu ứng liên quan đến một sự kiện sắp tới nào đó thì quả thực rất tuyệt vời. Ở bài này, sinhvienshare.com xin được chia sẻ đến toàn bộ anh em code chèn hiệu ứng tuyết rơi trên Blogspot mời các bạn cùng tham khảo

Những giao diện dành cho blog đẹp

Như các bạn đã biết đối với hiệu ứng tuyết rơi thì khá là phù hợp đối với những dịp lễ như là noen và nếu bạn đang muốn đón những sự kiện này hay đơn giản chỉ muốn sử dụng hiệu ứng tuyết rơi này cho đẹp website thì bạn có thể tham khảo code dưới đây của mình

Code hiệu ứng tuyết rơi cho Blogger

Bước 1 : Đầu tiên, bạn cần đăng nhập vào Blogger chọn Mẫu và nhấn Chỉnh sửa HTML

Bước 2 : Tiếp đến, bạn copy đoạn mã ở phía dưới và dán chúng ở sau thẻ <body >


Nếu như bạn không thạo code cũng như không biết thẻ này ở đâu thì cứ kéo xuống phía dưới cùng và dán đoạn mã trên trước thẻ </body> là được nhé. Dưới đây là đoạn code hiệu ứng tuyết rơi :

<script type="text/javascript">
//<![CDATA[
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>

Với cách chèn hiệu ứng tuyết rơi trên Blog này sẽ giúp cho website của bạn trở nên trẻ trung. tươi đẹp hơn trong mắt những vị khách ghé thăm. Chúc các bạn thành công