"Tạo tuyết rơi bằng JQuery cho Blogspot"
(Traidatmui.com) - Khi mùa noel đến, cái mà đặc trưng cho mùa giáng sinh đó là tuyết, bạn có muốn trang blog/web của mình chứa đầy những hạt tuyết rơi để đón giáng sinh không? Vâng tuyết rơi trên blog của bạn nó sẽ làm cho blog bạn trở nên thật đẹp vào mùa giáng sinh, mình sẽ giúp bạn tạo tuyết rơi rất dễ dàng bằng JQuery. Với code script này, trên blog của bạn sẽ hiện thị 2 cái chuông 2 bên góc trên trái và phải của blog, cùng với nó là đầy hạt tuyết rơi trông thật tuyệt với.
1. Đăng nhập vào Blogger
2. Vào thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào nó code bên dưới
» Chỉnh code: Bạn có thể save ảnh 2 chuông về máy và upload lên host riêng, sau đó lấy link thay cho các link màu tím trong code.
- Bạn có thể tùy chỉnh số hạt tuyết rơi trên blog bằng cách thay đổi số màu đỏ (150) trong code, số càng lớn thì hạt tuyết sẽ nhiều và dày đặc hơn.
5. Save tiện ích lại
Chúc bạn thành công
1. Đăng nhập vào Blogger
2. Vào thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào nó code bên dưới
<script type="text/javascript" src="http://data-traidatmui.appspot.com/scripts/jquery.min.v1.4.1.js"></script>
<script type="text/javascript"> $("body").append($('<img src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TVlMObxxMUI/AAAAAAAAAFg/oiCU4o5u_HY/christmas-bells-icon.png" style="position:absolute; top: 0px;left:0px;border:none;"/><img id="xmasleftbell" src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TVlMOTkdtoI/AAAAAAAAAFk/HrB5GiMYyXk/christmas-bells-icon-right.png" style="position:absolute; top: 0px;right:0px;border:none;"/>')); </script>
<script src="http://data-traidatmui.appspot.com/scripts/snowfall.min.jquery.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).snowfall({flakeCount:150}); </script>
<script type="text/javascript"> $("body").append($('<img src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TVlMObxxMUI/AAAAAAAAAFg/oiCU4o5u_HY/christmas-bells-icon.png" style="position:absolute; top: 0px;left:0px;border:none;"/><img id="xmasleftbell" src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TVlMOTkdtoI/AAAAAAAAAFk/HrB5GiMYyXk/christmas-bells-icon-right.png" style="position:absolute; top: 0px;right:0px;border:none;"/>')); </script>
<script src="http://data-traidatmui.appspot.com/scripts/snowfall.min.jquery.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).snowfall({flakeCount:150}); </script>
» Chỉnh code: Bạn có thể save ảnh 2 chuông về máy và upload lên host riêng, sau đó lấy link thay cho các link màu tím trong code.
- Bạn có thể tùy chỉnh số hạt tuyết rơi trên blog bằng cách thay đổi số màu đỏ (150) trong code, số càng lớn thì hạt tuyết sẽ nhiều và dày đặc hơn.
5. Save tiện ích lại
Chúc bạn thành công
Nguồn: TRAIDATMUI.com
0 nhận xét:
Đăng nhận xét