Tạo Hiệu Ứng Loading Cho BLogspot/Website

Hôm nọ mình có share 10 bức ảnh loading max chất, nhưng mình sợ nhầm bạn không biết xài như thế nào thì hôm nay mình sẽ hướng dẫn các bạn chèn các ảnh đó vào BLogspot/Website để tạo hiệu ứng loading !

H

CÁCH THỰC HIỆN:Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Copy và paste đoạn CSS sau lên trước thẻ ]]></b:skin>

#blogtn-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#0C0C0C url('https://1.bp.blogspot.com/-8hAqdq_eklU/V7Mk-3Qi1DI/AAAAAAAAAWw/UpoDXSwZlz4nG7KDaEP9CHGYrcQvQj_pACLcB/s1600/LOADING%2B%2528blogtruongnguyen.blogspot.com%2529.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }

Bước 3: Tiếp tục chèn đoạn js sau lên trước thẻ </body>

<script type='text/javascript'>//<![CDATA[ $(document.body).append('<div id="blogtn-loader"></div>'); $(window).on("beforeunload", function() { $('#blogtn-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]></script>

Bước 4: Lưu template và chiêm ngưỡng thành quả.

Ở Bước 2 các bạn thay link có đuôi .gif thành link ảnh loading động gif khác mình đã share nhé !

Chúc các bạn thành công !

0

• Nhận liên kết

Hashtag: #Tất Cả #Thủ Thuật Blogger

Huỳnh Hoài Bảo

Cuộc sống đôi lúc không như chúng ta mong muốn nhưng đừng buồn, đừng suy nghĩ nhiều quá mà hãy tiếp tục đứng lên và chiến đấu tiếp vì tương lai của chính mình nhé!

Bài cùng chuyên mục