Hiệu ứng Loading đẹp Cho Website - GrouSrlpPrsc
Có thể bạn quan tâm
Chia sẻ để tiếp nối ước mơ! 
Trang chủ Home / Thủ thuật website / Hiệu ứng loading đẹp cho website Hiệu ứng loading đẹp cho website Để thêm sự thú vị và cuốn hút cho website của bạn thì việc thêm, hiệu ứng là rất cần thiết. Dưới đây là những hiệu ứng loading đẹp mà mình sưu tầm và share cho các bạn dùng. Mẫu 1: 
Chèn 2 đoạn code này vào sau thẻ <head> hoặc trước thẻ </head> để áp dụng: Code Css: 
Code Css: 
Code Css: 
Code Css: 
Code Css: 
Code Css: 
Code Css: 
Code Css: 
Code Css: 
Chèn 2 đoạn code này vào sau thẻ <head> hoặc trước thẻ </head> để áp dụng: Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE38-XmhknUYpOe1Mpxv4yrvMdf0xxQUcDcE0Jnr7M8g6g3yYGwDXT0mbMJkjiGHfZzhVVrnE0Xhk9K2jkpDlbBJyrELJ9CQaN0LPqQdp6s3kOG1OIwvtayRSd1DbQc_bYGzNHpyofCxA/s320/final.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 2:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZfqXWWt7WzKKzgWctId3RbPOQlw7y6AtlONtGzh7n5p52y8rxa-qRbFo899vgNKG3aOznqQ1Tv5M7JeRfXKvcwoB3TbGMHNya5Z0Gy7jJhzOs3_hGQLW3e8iaQpmY4Lb2ANxxPxeUWs/s1600/tumblr_nln3scL0XO1sjb4o2o1_400.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 3:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsIZis5EjU2RDNGwCQLA70e3VVgJSj7K5iwySMtnoSHFq_5I0TOBnQFfOAAclOh61ZcZr3pFX-vmdW12c45LbWYS6LMztyDmh9Eoi71tI3ePYDVyiTijupedjR2lcFvV1sVo2dHsP_SfI/s1600/loading.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 4:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO2WTqPESgDoRFHW-aetx6bKORn8I9TBHjK4T_Hv9JGgltOKOC-4bCXpULusRVfRjhM53ttOn5OUbbocnG_RjEENLWrJeGrggcrRAetlnkwoiHcK046EF0pCyK1t0vHvL9CmUj910A78w/s1600/loading+%25284%2529.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 5:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjty8lGwvtwkvtTR26vhb0yvANQjtC1FJlUjDtCE5uig-mr6uuZQkP_qJMJgvapyTe3QED8Ug_HRHdftuH5QgvS2lljGJuzBWfmgoIXck4XfsJ3ZdOBw2TJPo10TzZnVQ2ROAWBrN4Qt9c/s1600/loading+%25283%2529.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 6:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2R4GfIq7WRY8TlwElIugUw-jp0Ydb-D3u8IMeDC9NX9Q8O67ws8mlhfFHUsatZ4V500ndHTlNMT_MwQMaluyYCp2SUgXqyMVrgdrZ3k9SW-5HSnVKPx4ANG6Xm-ax0CjylKcuKYcF3-U/s1600/loading+%25282%2529.gif) no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 7:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4_aBykfESwSECFkuF0DbLB6prsLoEYxSoi3TlDK_RObLtKPiiZ_6U788t6fdtvg03Ob4x8iY142ovpKErzBEqKdIYmyBN5y51RZakt40UTvQ5G4D102xPWLWVyR7yzFs6pRj2R2dca4/s1600/loading+%25281%2529.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 8:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRr_v87kNzJloDm6No0UCF6G5zw_Ogva38v63vdjpEKTKsURyGlqEda8zzwdBrvNTIx04Y-aJrajP_FR4XOJ44rGhStvcZKVaSTNUeM2jja9PTwqAsVpNQ5XbEa45LMT9Ki8IM9QD0Eg/s1600/39.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Mẫu 9:
Code Css: #hackergrousrlpprsc-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoX5dbkeMUjnijGZqCQlhnFtDpAqNqjj2aDHWQoU1e77kFK04dUYVkUpsNslTRoUm0UZ67dt2mKmA-qReiOfHWjHwFgaTcrdeEWuuXHpr3rW5SHz4f1M5qV6I2LKwRxfy71bAWKFIXQbI/s320/4e4a7660_20f73e52_loading98.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }Code javascript:
<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="hackergrousrlpprsc-loader">Đang tải</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#hackergrousrlpprsc-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Chúc các bạn thành công! Mã bài viết: 654rtu4rtu Người viết: Hacker GSP Thủ thuật website
Bài viết liên quan
Thủ thuật websiteLeave a Comment
Bài đăng ngẫu nhiên
Quảng cáo
Xem nhiều nhất
-
Tổng hợp code trang trí tết cho website Tết sắp sửa đến rồi! Để "ngôi nhà" của bạn được rực rỡ hơn trong những ngày lễ tết, hôm nay GrouSrlpPrsc sẽ giới thiệu vài đoạn... -
Css3 nút download đẹp và mượt cho blogger Thủ thuật này sẽ giúp bạn tạo một nút download đẹp cho blog. Điểm nổi bật và khác biệt của nút này làcó thể hiện thông tin của link liên kết... -
Hiệu ứng tuyết rơi cho website đẹp Bạn đang muốn trang trí cho ngôi nhà của bạn vào mùa giáng sinh, hay mùa đông, có khi là bạn trang trí cho một event nào đó mà mình mới nghĩ... -
Windows 10 bị lỗi không bật được start Hiện nay bản windows 10 mới được phát hành và được đánh giá rất cao về tính bảo mật và cả sự 'tiện nghi" của nó. Tuy nhiên vẫn cò... -
Hiệu ứng loading đẹp cho website Để thêm sự thú vị và cuốn hút cho website của bạn thì việc thêm, hiệu ứng là rất cần thiết. Dưới đây là những hiệu ứng loading đẹp mà mình s... -
![[Share] Code web tết 2017 đẹp](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0zhWChTfNNLO2Vf7u3JzfhPo7lNJNZ99X_4pC6Ykc3XYssJ0at2tFzPQ8F9q7CAvDQ34StA-F6Q0Sq0Ankq4QN9x-GaKhJkKF4y5tMuNgk-mZtywsmNAL_LGPzBxuOna2kRRYC8wjRRu/s72-c/2016-12-23+%25281%2529.jpg)
[Share] Code web tết 2017 đẹp Vậy là một năm mới nữa lại đến...Và anh em IT lại code :D :D :D Chào các bạn, bài viết này mình sẽ chia sẻ 2 web tết đinh dậu rất đẹp với ... -
Cách sửa lỗi Unable to execute file in the temporary directory setup aborted error 5 access is denied Hôm nay Hackergrousrlpprsc sẽ hướng dẫn các bạn fix lỗi trên windows: Unable to execute file in the temporary directory setup aborted error... -
Cách sửa lỗi The filename directory name or volume label syntax is incorrect " The filename directory name or volume label syntax is incorrect ", cái lỗi thường trực cho những người mới bắt đầu dùng và cài đ...
Danh mục
code canyon code php Code web Phần mềm cho Pc Template đẹp Thủ thuật máy tính Thủ thuật phần mềm Thủ thuật website Thủ thuật windows Trang trí websiteLiên kết website
Nhấp để đặt liên kết Nhấp để đặt liên kết Nhấp để đặt liên kết Nhấp để đặt liên kết Nhấp để đặt liên kết Nhấp để đặt liên kếtBảo vệ bản quyền bài viết
Người đang online
Bài đăng gần đây
Bài đăng ngẫu nhiên
Xem nhiều nhất
-
Tổng hợp code trang trí tết cho website Tết sắp sửa đến rồi! Để "ngôi nhà" của bạn được rực rỡ hơn trong những ngày lễ tết, hôm nay GrouSrlpPrsc sẽ giới thiệu vài đoạn... -
Cách sửa lỗi unikey không gõ được tiếng việt Chào các bạn, sau một thời gian dài chưa viết blog thì hôm nay, bài đầu tiên GrouSrlpPrsc IT đem đến cho các bạn là một thủ thuật khá là bổ ... -
Hiệu ứng loading đẹp cho website Để thêm sự thú vị và cuốn hút cho website của bạn thì việc thêm, hiệu ứng là rất cần thiết. Dưới đây là những hiệu ứng loading đẹp mà mình s...
Từ khóa » Hiệu ứng Loading Cho Blogspot
-
Share Code Hiệu Ứng Loading Cho Blogspot - Văn Linh
-
Tổng Hợp Một Số Hiệu ứng Chờ Tải Trang đẹp Cho Blogspot - NTLRUBY
-
Hiệu ứng Loading Cho Blog/website - Code Pro
-
Hướng Dẫn Tạo Hiệu ứng Load Trang Cho Blogspot
-
Tạo Hiệu ứng "Loading..." đơn Giản Cho Blogspot - Land Go Now
-
Tạo Hiệu ứng Loading đẹp Cho Blogspot - Đoàn Hải Blog
-
Hiệu ứng Load ảnh Lazy Load Cho Blogspot
-
Share Code Hiệu Ứng Loading Cho Blogspot
-
Thêm Hiệu ứng Loading đẹp Khi Chuyển Trang Cho Blogger
-
Thêm Trạng Thái Màn Hình Chờ Loading Cho Blogspot | Dễ Lắm DIY
-
Code Tạo Hiệu ứng Loading Cho Blog
-
Tạo Hiệu ứng Tải (Loading) Trang Cho Blogspot
-
Thêm Hiệu Ứng Loading Đẹp Cho Blogspot - Kul Tricker Blog