[Blogspot] Tạo hiệu ứng loading cho blog #2

Tạo hiệu ứng loading cho blog #2

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ả.
Chúc các bạn thành công.

Nguồn: Bác sỹ windows

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!