Add effects when turning pages loading for bloggers

To display images when the page load as above you add the following code before the tag]] > in the template

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

You can replace a link https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkx5UkZ3IIvyq5UxOagYv8wL6b91zyM5zownap11T4_EOhO27totylKo8UZl2YL5MZcbG7QQGrlIBYZ8hdx7dSuy1BjnnZ_FdzlzwpDEzvoBTspNPRs7loDqWXRJ8_XEp_gz1-lttQ/s1600/loading.gif  want when turning pages photo

SCRIPT 

 Insert the code below before the closing tag

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

Save and view results. Good luck