Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Sunday, May 18, 2014

Hiệu ứng tải trang cho Blogger

Mình tin rằng mọi blogger đều muốn website của mình trong đẹp nhất có thể. Do đó tất cả mọi người luôn tìm tòi sáng tạo, tìm ra những thứ mới để thêm một chút bắt mắt và đỡ nhàm chán cho blog mình, hiệu ứng nhỏ sau đây là kết quả của sự tìm tòi đó, đoạn script đơn giản sẽ làm tối và hình ảnh chờ khi blog của bạn đang trong quá trình tải đến người dùng.



Hiệu ứng tải trang cho Blogger

Đăng nhập vào Blogger » Mẫu » Chỉnh sửa HTML 



Thêm đoạn mã phía dưới vào trước thẻ </body> 



<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>


Cuồi cùng chỉ cần save lại, thế là bạn đã có hiệu ứng tải trang bắt mắt cho blog của mình.



Video hướng dẫn: http://www.youtube.com/watch?v=GtCvzmGGgmU

0 comments:

Post a Comment

Popular Posts