Các Bạn Vui Lòng Chờ Trong Giây Lát Đang tải dữ liệu Từ ITnguyenHuy...
Thứ Tư, 26 tháng 9, 2012 - 0 nhận xét

Tạo tuyết rơi bằng JQuery cho Blogspot


"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
<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>

» 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

Liên Hệ Email

Bắc
Trung
Nam
piano
Guita
trống

* Required Create Email Forms

Recent Posts

Danh Mục Bài Viết!!!