How to provide simple loading animation effects when the page is loaded - NETRAL'ID
How to provide simple loading animation effects when the page is loaded
How to Provide Simple Loading Animation Effects When a Page Is Loaded - On this occasion Wiendhy Wiana will share a tutorial on installing loading animation effects when a page loads which you can add on your blog. The way this trick works is actually very simple, the code will run when you open the blog when the page loads and it will stop automatically when the page is loaded completely.

For friends who want to try adding Simple Loading Animation Effects on the blog, please follow the steps below

Installing Simple Loading Animation Effects on Blog

1. Login to Blogger> Open the Template editor> Add the code below before ]]></ b:skin> or </style>
#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}
2. Then add the code below below <body>
<div id='cssload'/>
3. Add the code below before </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Save the template and see the results.


That is the tutorial on How to Provide Simple Loading Animation Effects When a Page Is Loaded. May be useful.

How to provide simple loading animation effects when the page is loaded

How to provide simple loading animation effects when the page is loaded
How to Provide Simple Loading Animation Effects When a Page Is Loaded - On this occasion Wiendhy Wiana will share a tutorial on installing loading animation effects when a page loads which you can add on your blog. The way this trick works is actually very simple, the code will run when you open the blog when the page loads and it will stop automatically when the page is loaded completely.

For friends who want to try adding Simple Loading Animation Effects on the blog, please follow the steps below

Installing Simple Loading Animation Effects on Blog

1. Login to Blogger> Open the Template editor> Add the code below before ]]></ b:skin> or </style>
#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}
2. Then add the code below below <body>
<div id='cssload'/>
3. Add the code below before </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Save the template and see the results.


That is the tutorial on How to Provide Simple Loading Animation Effects When a Page Is Loaded. May be useful.
Load Comments

Subscribe Our Newsletter

Notifications

Disqus Logo