Vua 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!
kinh doanh, bán hàng, tư vấn, bảo hiểm Những cá nhân, tổ chức, đại lý,muốn bán, hợp đồng bảo hiểm
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
tcaviet@gmail.com

0 comments:

Post a Comment

domain, domain name, premium domain name for sales

Bài hay:

kinh doanh, bán hàng, tư vấn, bảo hiểm Những cá nhân, tổ chức, đại lý,muốn bán, hợp đồng bảo hiểm