Hiệu ứng hoa mai rơi trên blogspot sẽ tạo cho blogspot của bạn thêm sinh động và rất có không khí của mùa xuân trước khi chào đón mùa xuân tới.
Tham khảo:Hiệu ứng tuyết rơi cho blogspot
Vào Blog->mẫu->chỉnh sửa html
Tìm thẻ </body>.Thêm code sau đây vào trước thẻ </body>
Các bước thực hiện:
Cách 1:
Vào Blog -> Bố cục-> Thêm tiện ích -> HTML.Sau đó dán code dưới đây vào đó ,rồi ấn lưu
<script type='text/javascript'>//<![CDATA[var SNOW_Picture="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnbAebDtC6lOPRTGShZX_acQWhI4ZrwnrShYMPKYN3_C22CE9LH52t-keyfQyC096x4pIMj1lSxuBUPnFy6Jup8Wddm6VvOBba6E-et-0Zr4W1orC3KmPsI_nGPjwOcmOTzUjrw-LN9Q/s1600/hoa-mai.png";//Bông hoa maivar SNOW_no=10;//Số lượng bông hoa mai rơivar SNOW_browser_IE_NS=(document.body.clientHeight)?1:0;var SNOW_browser_MOZ=(self.innerWidth)?1:0;var SNOW_browser_IE7=(document.documentElement.clientHeight)?1:0;var SNOW_Time;var SNOW_dx,SNOW_xp,SNOW_yp;var SNOW_am,SNOW_stx,SNOW_sty;var i,SNOW_Browser_Width,SNOW_Browser_Height;if(SNOW_browser_IE_NS){SNOW_Browser_Width=document.body.clientWidth;SNOW_Browser_Height=document.body.clientHeight;}else{if(SNOW_browser_MOZ){SNOW_Browser_Width=self.innerWidth-20;SNOW_Browser_Height=self.innerHeight;}else{if(SNOW_browser_IE7){SNOW_Browser_Width=document.documentElement.clientWidth;SNOW_Browser_Height=document.documentElement.clientHeight;}}}SNOW_dx=new Array();SNOW_xp=new Array();SNOW_yp=new Array();SNOW_am=new Array();SNOW_stx=new Array();SNOW_sty=new Array();for(i=0;i<SNOW_no;++i){SNOW_dx[i]=0;SNOW_xp[i]=Math.random()*(SNOW_Browser_Width-50);SNOW_yp[i]=Math.random()*SNOW_Browser_Height;SNOW_am[i]=Math.random()*20;SNOW_stx[i]=0.02+Math.random()/10;SNOW_sty[i]=0.7+Math.random();if(i==0){document.write('<\div id="SNOW_flake'+i+'" style="position: fixed; z-index: '+i+'; visibility: visible; top: 15px; left: 15px;"><img src="'+SNOW_Picture+'" border="0"></div>');}else{document.write('<\div id="SNOW_flake'+i+'" style="position: fixed; z-index: '+i+'; visibility: visible; top: 15px; left: 15px;"><img src="'+SNOW_Picture+'" border="0"></div>');}}function SNOW_Weather(){for(i=0;i<SNOW_no;++i){SNOW_yp[i]+=SNOW_sty[i];if(SNOW_yp[i]>SNOW_Browser_Height-50){SNOW_xp[i]=Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);SNOW_yp[i]=0;SNOW_stx[i]=0.02+Math.random()/10;SNOW_sty[i]=0.7+Math.random();}SNOW_dx[i]+=SNOW_stx[i];document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i]+SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";}SNOW_Time=setTimeout("SNOW_Weather()",20);}SNOW_Weather();//]]></script>Cách 2:
Vào Blog->mẫu->chỉnh sửa html
Tìm thẻ </body>.Thêm code sau đây vào trước thẻ </body>
<script type='text/javascript'>
//<![CDATA[
function flakeFall(){if(!getRefToDivNest("snFlkDiv0")){return}var e=0,t=0,n=0,r=0;if(typeof window.innerWidth=="number"){e=window.innerWidth;t=window.innerHeight}else{if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){e=document.documentElement.clientWidth;t=document.documentElement.clientHeight}else{if(document.body&&(document.body.clientWidth||document.body.clientHeight)){e=document.body.clientWidth;t=document.body.clientHeight}}}if(typeof window.pageYOffset=="number"){n=pageYOffset;r=pageXOffset}else{if(document.body&&(document.body.scrollLeft||document.body.scrollTop)){n=document.body.scrollTop;r=document.body.scrollLeft}else{if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop)){n=document.documentElement.scrollTop;r=document.documentElement.scrollLeft}}}for(var i=0;i<numFlakes;i++){if(ycoords[i]*t>t-pictureHeight){ycoords[i]=0}var s=getRefToDivNest("snFlkDiv"+i);if(!s){return}if(s.style){s=s.style}var o=document.childNodes?"px":0;s.top=Math.round(ycoords[i]*t)+n+o;s.left=Math.round(xcoords[i]*e-pictureWidth/2+e/((numFlakes+1)*4)*(Math.sin(lrFlakes*ycoords[i])-Math.sin(3*lrFlakes*ycoords[i])))+r+o;ycoords[i]+=downSpeed}}function getRefToDivNest(e){if(document.layers){return document.layers[e]}if(document[e]){return document[e]}if(document.getElementById){return document.getElementById(e)}if(document.all){return document.all[e]}return false}var pictureSrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnbAebDtC6lOPRTGShZX_acQWhI4ZrwnrShYMPKYN3_C22CE9LH52t-keyfQyC096x4pIMj1lSxuBUPnFy6Jup8Wddm6VvOBba6E-et-0Zr4W1orC3KmPsI_nGPjwOcmOTzUjrw-LN9Q/s1600/hoa-mai.png";var pictureWidth=20;var pictureHeight=20;var numFlakes=10;var downSpeed=.01;var lrFlakes=10;if(typeof numFlakes!="number"||Math.round(numFlakes)!=numFlakes||numFlakes<1){numFlakes=10}for(var x=0;x<numFlakes;x++){if(document.layers){document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>')}else{document.write('<div style="position:absolute;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>')}}var xcoords=new Array,ycoords=new Array,snFlkTemp;for(var x=0;x<numFlakes;x++){xcoords[x]=(x+1)/(numFlakes+1);do{snFlkTemp=Math.round((numFlakes-1)*Math.random())}while(typeof ycoords[snFlkTemp]=="number");ycoords[snFlkTemp]=x/numFlakes}window.setInterval("flakeFall();",100)//]]>
</script>
Chúc bạn thành công !
Không có nhận xét nào:
Đăng nhận xét