Thêm hiệu ứng loading đẹp khi chuyển trang cho blogger

Để làm được các bạn thực hiện như sau

CSS
Các bạn chèn code dưới vào trước thẻ ]]></b:skin>

#abt-page-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/AVvXsEhHyfMC5JJe1rttrE4BE7VaA9AkNhgds-huTRuZ5JYDd74_U7lIt1w0DsRUXjpKjN7e8-JWxCfJ2IXP4R3zvW3YnZjzVwfvxKzlkkU5WX_rMF8rFFIizgLFoXeioUoMh_IsMZYEzSb9omI/s1600/loading.gif')
no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}

Các bạn có thể thay thế https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHyfMC5JJe1rttrE4BE7VaA9AkNhgds-huTRuZ5JYDd74_U7lIt1w0DsRUXjpKjN7e8-JWxCfJ2IXP4R3zvW3YnZjzVwfvxKzlkkU5WX_rMF8rFFIizgLFoXeioUoMh_IsMZYEzSb9omI/s1600/loading.gif thành link hình ảnh muốn hiển thị khi chuyển trang.
Script
Chèn code bên dưới vào trước thẻ đóng </body>

<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>