Hoàng Văn Hùng
1hoanghunght3108@gmail.com 2Quảng Trường, Quảng Xương, Thanh Hoá 30366579223 404/08/1993 5Nam
1Quản lý thời gian hiệu quả 2Kỹ năng giao tiếp 3Dễ dàng thích nghi môi trường mới 4Kỹ năng làm việc theo nhóm 5Lập kế hoạch 6Giải quyết vấn đề
Ms Word 12345 Ms Excel 12345
Ngoại ngữ 12345
Mong muốn tìm được chỗ làm ổn định, lâu dài. Mong muốn tìm được chỗ làm có mức lương tốt. Mong muốn tìm được nơi có cơ hội cống hiến bản thân tốt.
Ngày tháng
Trung học phổ thông
Ngày tháng
11111
Ngày tháng
22222
Ngày tháng
33333
lorencia

Technology

Lifestyle

Gallery

Random Posts

Business

Popular Posts

Tạo hiệu ứng hoa mai rơi cho Blogspot

Hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc.


Ngày hết tết tới” mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình (thiết nghĩ riêng Tôi thì không “Nỗi buồn cứ u uất bao vây”), cảm nhận được vẻ đẹp của mùa xuân với cây cối đâm chồi nảy lộc, còn gì thú vị hơn khi bạn đem về trên Blog/Website của chính mình.

Chính vì lẻ trên, hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc. Ngoài ra các hiệu ứng hoa anh đào rơi, hiệu ứng lá rơi (khi trời chuyển sang thu), hiệu ứng tuyết rơi, hiệu ứng sao rơi,…Thì cũng từ một đoạn Code mà ra thôi.

Giờ bắt đầu thủ thuật cùng mình nhé :
Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ . Sau đó dán đoạn mã Code sau ở phía trên thẻ và Lưu mẫu.

<script type='text/javascript'>
//<![CDATA[
var pictureSrc ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLuqzPGkQYTf9my23xh0beKR-pNw_6pJ3HPzO8C2IePO80zqPjwym0IbJ0YwV8YLABw0C77Xa4ahEhKeE5wF880xbg5ZCF4-ohW1XZotNLsWIeDZx4BXxZ2nBLhK9tdOcYtouH4RMQ4eQ/s1600/hoamai.png"; //the location of the snowflakes
var pictureWidth = 15; //the width of the snowflakes
var pictureHeight = 15; //the height of the snowflakes
var numFlakes = 10; //the number of snowflakes
var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms)
var lrFlakes = 10; //the speed that the snowflakes should swing from side to side


if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

//draw the snowflakes
for( var x = 0; x < numFlakes; x++ ) {
if( document.layers ) { //releave NS4 bug
document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');
} else {
document.write('<div style="position:absolute; z-index:9999;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');
}
}

//calculate initial positions (in portions of browser window size)
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;
}

//now animate
function flakeFall() {
if( !getRefToDivNest('snFlkDiv0') ) { return; }
var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;
//find screen settings for all variations. doing this every time allows for resizing and scrolling
if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {
if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {
if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }
if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {
if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {
if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }
}
//move the snowflakes to their new position
for( var x = 0; x < numFlakes; x++ ) {
if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }
var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }
if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;
divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;
divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;
ycoords[x] += downSpeed;
}
}

//DHTML handlers
function getRefToDivNest(divName) {
if( document.layers ) { return document.layers[divName]; } //NS4
if( document[divName] ) { return document[divName]; } //NS4 also
if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)
if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4
return false;
}

window.setInterval('flakeFall();',100);
//]]>
</script>  

Tùy chỉnh.
  • Bạn muốn hoa anh đào rơi hay lá rơi hay tuyết rơi hay sao rơi,…Thì các bạn chỉ cần thay đổi hình ảnh này https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLuqzPGkQYTf9my23xh0beKR-pNw_6pJ3HPzO8C2IePO80zqPjwym0IbJ0YwV8YLABw0C77Xa4ahEhKeE5wF880xbg5ZCF4-ohW1XZotNLsWIeDZx4BXxZ2nBLhK9tdOcYtouH4RMQ4eQ/s1600/hoamai.png là xong.
  •  15 Chiều rộng của bông.
  •  15 Chiều cao của bông.
  •  10 Số bông hoa xuất hiện cùng một lúc.
  • 0.01 Tốc độ rơi của các bông hoa.
  • 10 Tốc độ các bông hoa giao động từ bên trái sang bên phải và ngược lại.

  • Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.

    Nguồn : www.windows2it.com/
    Tên

    Bí mật,1,bí mật về Einstein,1,Biến đổi khí hậu,1,Blogger,13,blogger mobile,1,blogspot,8,cong nghe,4,công nghệ,1,Download,2,Downloand,1,Elon Musk,1,hacker Adam Mudd,1,ho so nhan vat,4,kham pha,16,Khám phá,5,Khoa học,1,khoa hoc vu tru,10,lich su,2,may tinh,1,máy tính,1,Mặt trời nhân tạo,1,meo,3,nasa,1,Năng lượng,1,Nhiên liệu,1,phần mềm DDOS,1,phần mềm hay,3,SpaceX,1,su song,1,suc khoe,3,Tải Chromium,1,Tesla,1,thiên tài Einstein,1,thủ thuật blogger,10,tin học văn phòng,2,tin tức blogger,2,trai dat,1,tuong lai,3,
    ltr
    item
    Hung Hoang: Tạo hiệu ứng hoa mai rơi cho Blogspot
    Tạo hiệu ứng hoa mai rơi cho Blogspot
    Hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc.
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFGwp5MVsDwm2hG_z6Sh3OVWUjhyphenhyphenHqc2072hoKNZcDIBYzzU8l3oK1Y-IkzPsme9xhWPFbjR3nTrPgHkLuXA_mdIyjpkETcTf46TUdrCL__7TcjNXmKGGku8HdTJ9IsXOfB5Ll6XSJsg/s640/hoa-mai.jpg
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFGwp5MVsDwm2hG_z6Sh3OVWUjhyphenhyphenHqc2072hoKNZcDIBYzzU8l3oK1Y-IkzPsme9xhWPFbjR3nTrPgHkLuXA_mdIyjpkETcTf46TUdrCL__7TcjNXmKGGku8HdTJ9IsXOfB5Ll6XSJsg/s72-c/hoa-mai.jpg
    Hung Hoang
    https://bloghunghoang.blogspot.com/2016/11/tao-hieu-ung-hoa-mai-roi-cho-blogspot.html
    https://bloghunghoang.blogspot.com/
    https://bloghunghoang.blogspot.com/
    https://bloghunghoang.blogspot.com/2016/11/tao-hieu-ung-hoa-mai-roi-cho-blogspot.html
    true
    6831701718460295238
    UTF-8
    Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy