04/10/2018, 18:25

Tạo hiệu ứng bông tuyết rơi cho trang Blopspot

Cùng tiếp nối những hiệu ứng đẹp cho ngày lễ Giáng Sinh ,hôm nay mình xin chia sẻ một thủ thuật cho các bạn từng bước làm hiệu ứng tuyết rơi. Bài viết này dành riêng cho những bạn đang viết blog bằng BlogSpot, để các bạn có thể cùng hòa vào niềm vui Giáng Sinh sắp tới. Mình cam đoan rằng, ...

Tạo hiệu ứng bông tuyết rơi cho trang Blopspot

Cùng tiếp nối những hiệu ứng đẹp cho ngày lễ Giáng Sinh ,hôm nay mình xin chia sẻ một thủ thuật cho các bạn từng bước làm hiệu ứng tuyết rơi. Bài viết này dành riêng cho những bạn đang viết blog bằng BlogSpot, để các bạn có thể  cùng hòa vào niềm vui Giáng Sinh sắp tới. Mình cam đoan rằng, khách viếng thăm blog của bạn sẽ rất thích thú và bất ngờ với hiệu ứng mà bạn mang lại cho họ.

Bước 1 : Đăng nhập vào Blogger Dashboard,  rồi chọn Template -> Edit Html .

Bước 2 : Các bạn nhấn Ctrl + F rồi tìm kiếm với từ khóa sau :

</head>

Bước 3 :  Copy đoạn code sau rồi past ngay trên từ khóa mà chúng ta vừa tìm được :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'> </script>
<script src='http://yourjavascript.com/61532113121/new-snofall.js'></script>
<script>
$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});
</script>

Chỉ cần 3 cách đơn giản này thôi, là các bạn đã có ngay hiệu ứng bông tuyết rơi ngay trên trang blog của mình. Tuy nhiên để các bạn dễ tùy chỉnh mình xin giải thích một số thiết lập như sau :

minSize: 10, : Đây là kích cỡ nhỏ nhất mà bông tuyết sẽ có.
maxSize: 50, : Đây là kích cỡ lớn nhất mà bông tuyết có.
newOn: 400, : Ấn định độ xuất hiện thường xuyên của tuyết rơi.
flakeColor: ‘#ffffff’  : Thiết lập màu sắc bông tuyết.

Các bạn có thể thay đổi các thông số này sao cho phù hợp với mong muốn của mình là được.

Chúc các bạn thành công và Giáng Sinh Vui Vẻ !

Tags: blogger bông tuyết Christmas hiệu ứng jQuery snow flake thu thuat blogspot

Chuyên Mục: Blogspot

Bài viết được đăng bởi webmaster

0