Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

Share code loading cho blogger - Lê Anh Đức

 LỜI MỞ ĐẦU

 Hello xin chào các bạn lại là mình, Nguyễn Phong Blog đây hôm nay mình thấy bên Code Pro share một code loading khá hay. Ok bắt đầu thôi.



CÁC BƯỚC THỰC HIỆN

  • Bước 1 : Copy đoạn code phía dưới

<link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/flying-man-loading-effect/style.css"/>
<div class='loadd'>
    <div class='body'>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <div class='base'>
            <span></span>
            <div class='face'></div>
        </div>
    </div>
    <div class='longfazers'>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type='text/javascript'>
    $(window).load(function () {
        setTimeout(function () {
            $(".loadd").fadeOut("slow");
        }, 500)
    });
</script>


  • Bước 2 : Dán toàn bộ code trên vào trước thẻ đóng </body>
  • Bước 3 : Lưu lại vào tận hưởng

 

LỜI KẾT

 Trên đây là toàn bộ bài viết, nếu có thắc mắc gì hãy comment xuống dưới. Chúc các bạn ngày mới vui vẻ.

                @Copyrights Code Pro

Đam mê viết blog!

5 nhận xét

  1. hi <3
  2. -.-
  3. ....
  4. :3
  5. :>

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.