Ngoài ra, còn có thêm hiệu ứng tải ảnh kiểu “Fade in”, khi hiện ảnh trông rất đẹp và chuyên nghiệp.
Lưu ý: Lazyload sẽ được load sau cùng, sau khi đã load hết các mã Java, js, HTML của website hay blog.
CÁCH THỰC HIỆN
1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
4. Chèn script
Bước 1: Yêu cầu phải có jQuery. (Có rồi thì bỏ qua)
1. Tải về máy một trong ba phiên bản jQuery sau:
1.3.1 |
1.3.2 |
1.4.3
2. Up lên host cho link direct.
- Gợi ý: Dùng host của google:
http://code.google.com/
- Hướng dẫn:
Here
- Sau khi up lên host, thì lấy link vừa up.
3. Tìm thẻ
<head>
- Thêm vào dưới nó đoạn code sau:
(Nhớ thay
jQuery.JS bằng link mới bạn vừa up lên host)
<script src='jQuery.JS' type='text/javascript'/>
* jQuery phải để nằm trên code của bước 2, lazyload mới hoạt động nhé!
Bước 2: Tìm thẻ đóng </head>
- Thêm vào trước nó đoạn code sau:
<!-- Lazy load -->
<script type='text/javascript'>
//<;
self.loaded = true;
})
.attr("src", $(self).attr("original"));
};
});
/* When wanted event is triggered load original image */
/* by triggering appear. */
if ("scroll" != settings.event) {
$(self).bind(settings.event, function(event) {
if (!self.loaded) {
$(self).trigger("appear");
}
});
}
});
/* Force initial check if images should appear. */
$(settings.container).trigger(settings.event);
return this;
};
/* Convenience methods in jQuery namespace. */
/* Use as $.belowthefold(element, {threshold : 100, container : window}) */
$.belowthefold = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).height() + $(window).scrollTop();
} else {
var fold = $(settings.container).offset().top + $(settings.container).height();
}
return fold <= $(element).offset().top - settings.threshold;
};
$.rightoffold = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).width() + $(window).scrollLeft();
} else {
var fold = $(settings.container).offset().left + $(settings.container).width();
}
return fold <= $(element).offset().left - settings.threshold;
};
$.abovethetop = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).scrollTop();
} else {
var fold = $(settings.container).offset().top;
}
return fold >= $(element).offset().top + settings.threshold + $(element).height();
};
$.leftofbegin = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).scrollLeft();
} else {
var fold = $(settings.container).offset().left;
}
return fold >= $(element).offset().left + settings.threshold + $(element).width();
};
/* Custom selectors for your convenience. */
/* Use as $("img:below-the-fold").something() */
$.extend($.expr[':'], {
"below-the-fold" : "$.belowthefold(a, {threshold : 0, container: window})",
"above-the-fold" : "!$.belowthefold(a, {threshold : 0, container: window})",
"right-of-fold" : "$.rightoffold(a, {threshold : 0, container: window})",
"left-of-fold" : "!$.rightoffold(a, {threshold : 0, container: window})"
});
})(jQuery);
//]]>
</script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img") // img là áp dụng với cả blog. Nếu chỉ muốn áp dụng cho một class nào đó thì thêm class đó vào trước img. Ví dụ: .post img, #content img, .comments img,…
.lazyload({
placeholder : "LINK_HÌNH", /*Hình thay thế khi ảnh chưa load xong*/
effect: "fadeIn" /* Hiệu ứng mờ khi ảnh xuất hiện. Có thể sử dụng các hiệu ứng khác như: slideUp, slideDown,…*/
});
});
</script>
* Các tính năng thêm. Thêm vào sau dòng: effect: "fadeIn"
threshhold:100 /*Số pixel của ảnh được tải trước*/
container: $("class") /*Dùng cho class scroll được. Thay thành class bạn muốn áp dụng.
Ví dụ: #container, #scroll, .imagescroll,…*/
Bước 3: Save template. (Lưu mẫu)
Một số mẫu hình thay thế
THE END.
Kiểm tra cách thiết lập ổ đĩa khởi động, ưu tiên cho ổ đĩa cứng khởi động đầu tiên.
Di chuyển vùng sáng sang thẻ Boot.
Chọn Hard Drive đưa lên trên cùng, tùy theo từng loại máy mà bạn dùng các phím -/+ hoặc F5/F6 để đưa mục này lên trên. (Hình bên dưới)
Chọn F10 để Save and Exit. Sau đó khởi động lại máy tính và kiểm tra thời gian khởi động có nhanh hơn không?
(snow 9px) | 
(snow 7px) | 
(snow 5px) | 
(snow 3px) 
