Top Ad unit 728 × 90

Add effects when turning pages loading for bloggers

page loading animation, page loader javascript, loading page html, loading animation gif, display a loading icon until the page loads completely, page loader gif, page preloading effect, html loading spinner



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
Add effects when turning pages loading for bloggers Reviewed by Unknown on April 19, 2017 Rating: 5

No comments:

All Rights Reserved by File Sharing Site © 2015 - 2016
Powered By Blogger, Designed by File Sharing Site | Facebook | Youtube

Biểu mẫu liên hệ

Name

Email *

Message *

Powered by Blogger.