Sắp tới Noel rồi! Mọi người đang trang hoàng cho nhà cửa hàng quán để đón một mùa giáng sinh sắp đến. Vậy tại sao các Blogger lại không làm cho Blog của mình trở nên ấm cúng, sinh động hơn cùng mùa Noel nhỉ! Sau đây là thủ thuật nhỏ rất đơn giản chỉ với một bước là bạn đã có thể mang cây thông Noel cùng hiệu ứng tuyết rơi lả tả đẹp mắt vào trang blogspot của mình!
Bạn có thể xem Demo tại đây: Mang không khí Noel vào Blog
Tìm đến thẻ <body> trong template của bạn (Dùng Ctrl+F để tìm)
Thêm đoạn code này vào ngay sau nó:
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCe5aM0OaJ4HNTpk9jp5oZ884RWvaFIBxpuY7U-vMPCyALWXyQUgI5SSIBp1oipUm1hTYv1uExxtKPRjfWLZgsVeSfa_PwoSMSaU8toI6McifBLf2s_4BexUZgSjw6LpK2WeeBCPTL6c/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-JoqoItk1Jeq1qzp0VXba_gcUO_ytclF0zWCxKKHPgnpONmrCGe5xzVJFxDBAD5IYv3uP8lvCfKSEfhPyuuKEzFoX3L4fbiOMIlbluS_zV-jbI1QEYKAAk6dIdFq8d4Ae-FAAcEzWLwY/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI37V9-J6jtGx4hOnN8fA3pSBplSNqKqxpEF6aG_nw2Mk-O3AhI_4HqAwEVj6ElGs5VhfFe6t0lqUIKQChS2y7SsaF0UqNXeSSjd16HvynB1850cKtjsLV07sTOGyLIxUDv3w1rgwf7tQ/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZbUwJHm8UAC398O31GWXX3vwNp_Qd2SxkBpVogMkTcQhrfpGNmiOg4JJlugAOxgsvBHNcogyr_LDJZUVTfxoAyFJZAGfAoQ6MuUxeuEzWKXmhIXtHac7hHIS-QFLnhTSM8luxSfx8TGQ/s180/bottom-left.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>
Trong đó:Dòng màu xanh lá là hình ảnh ở góc phía trên bên trái và bên phải. Nếu bạn có biết chút ít về photoshop có thể tự tạo ảnh thay thế cho mình cho đọc đáo.
Dòng màu cam là hình cây thông Noel: Bạn có thể thay thế những hình tương ứng tùy thích.
Cuối cùng, khi hết mùa Noel bạn chỉ việc làm ngược lại, xóa code trên để loại bỏ cây thông và tuyết khỏi Blog của mình! Chúc các bác có một màu Blog đẹp và ấm áp dịp Noel!
Code lấy từ Blog: http://blog.duypham.info
copy éo đc
Trả lờiXóa