Cách Thêm Hiệu Ứng Loading Đầy Màu Sắc Cho Blogger

Một ngày một bài đăng, hôm nay mình sẽ hướng dẫn cho các bạn cách thêm hiệu ứng loading đầy màu sắc cho blogger ( blogspot ) vô cùng đẹp mắt với hiệu ứng tải trang cho blog.

Nếu bạn quan tâm tới hiệu ứng loading do mình đưa ra thì hãy làm theo hướng dẫn của mình để cho một hiệu ứng loading cho blogspot đẹp nhé nếu bạn quan tâm cách chống copy ảnh cho blogspot thì vào link trên nhé

Hướng dẫn tạo hiệu ứng loading cho blogspot blogger

Bước đầu tiên các bạn đăng nhập vào blogger rồi vào edit HTML rồi chèn code phía dưới vào phần </body> nhé

<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxKIvfZYpp41mce09EpVnHzT2XDVa8GnXcYMzS2bvnNElzXWnKo50waJDbc9W3k6ezZnCNSxnczHmdJWSA0FeENzrH09OATmqhvXchXA-opDVuSeT3BVeUaCbdJYddzhAncX0WgfxftdUI/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>

Lưu lại và xem hiệu ứng tải trang cho blogger nhé. Nếu có khó khăn thì để lại bình luận tư vấn về cách tạo hiệu ứng loading khi chuyển trang nhé.

Tag : hiệu ứng loading blogspot, Hiệu ứng loading cho Blogger Blogspot, Code tạo hiệu ứng loading cho blogspot, Các Thêm Hiệu Ứng Loading Đầy Màu Sắc Cho Blogger