Thêm Hiệu Ứng Loading Khi Chuyển Trang Cho Blogspot

                        



 Chào các bạn,mẫu loading phải không nào?Bạn không biết phải làm sao để làm mẫu loading khi chuyển trang cho blogspot.Hôm nay mình sẽ hướng dẫn các bạn điều đó.
Ở nhiều blog khác hướng dẫn các bạn làm nhiều bước rất lằng nhằng cho bạn nào chưa quen blogspot nên mình sẽ hướng dẫn cho các bạn cách rất đơn giản. Đầu tiên chúng ta đăng nhập vào blogger sau đó các bạn paste đoạn code sau bằng cách Add Widget ( Thêm tiện ích ) hoặc paste trước thẻ đóng </body> ( chủ đề -> chỉnh sửa -> Ctrl + F tìm </body> ) :

<style>
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('http://i.imgur.com/CungTX5.gif') no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading…</div>');
$(window).on("beforeunload", function() {
// … Show the Animation .fadeIn()
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

Trong đó các bạn thay link bôi đỏ thành link ảnh mà các bạn muốn nó hiện lên khi chuyển trang.
-> Chúc các bạn thành công <-
< Trường hợp mà có ảnh không vừa với màn hình trang web thì các bạn hãy sửa css nha > :3