Hiệu ứng tuyết rơi đẹp cho blogger. Thêm hiệu ứng tuyết rơi đẹp cho blogspot.Cách thêm hiệu ứng tuyết vào blog web or forum.Code CSS hiệu ứng tuyết rơi đẹp cho blog
Javascript nào để dùng làm hiệu ứng tuyết rơi.
Hướng dẫn thêm hiệu ứng tuyết rơi cho Blogspot
Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: (Ctrl + F)Tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó
/* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmUuUsPmiT2xk5yg01t0a8R7DYrgvGpIc6fyf25bQDWpcvxJOedrffAi7bHoEQZ52BR2oSlZ-Z6_YscOzRBv6lc6WEDSPgtucwhCVDQ-JmYkqFkRNdrByGZMOu5rNUl0JAssCk694FaQhL/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ifMzMM2uI61I7N-xkU0EYfaaHTVW8GQ9S-HVSwZvPcVQpWupbcjE0961eQACVZJssTPgopU8_I3yka5BWSGpb5eIXa3zwCiQHJS_9XRP-2bsLCA5bYmd8x7szPXdJK2N9iQNdYEtiEfF/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2blZ_n4JjT9i_85gHC3n2RKRWes_ftKNCL1AfOh22IKsH-zuVe9tlrJTYkjiTPf5hEFk1q0u8Ook1b9EDJwvYOWB9SyuGUH3rJugJIRQVCqEOQkcWMUt9WJraRaOR0woEnrhBdXdhV6r9/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
Bước 3: Tìm tới <body> (Lưu ý, nếu không thấy thì bạn tìm: <body expr:class='"loading" + data:blog.mobileClass'> ) và dán thẻ HTML dưới đây ngay dưới nó
<div id='falling-snow'>
Bước 4: Tìm tới và dán code dưới đây ngay trên nó
</div>
Demo Hiệu Ứng tuyết rơi
