This loading effect happens every time someone clicks on a blog link (assuming the switch is still in the blog page). An animation will then start to play.I'll give this to Toady.
Hello beloved site visitors. We have reviewed the key areas for using the Blogger platform. You can now proceed to the beautiful and practical. You have probably occasionally observed that certain websites (blogs) have a brief animation that plays on your screen while the site loads the page completely.
It means that an animation object will jiggle in front of you until all of its parts are loaded. Not only is it obviously aesthetically pleasing, but it also allows the visitor to view every aspect of the site at once rather than piece by piece. A widget like this also demonstrates how professional your website is. More credibility comes from better designs.
How To Make A Stylish Loading Animation For Blogger
1.Go back into your Blogger account and log in. Choose your blog, then click Template and Edit HTML.
2.After making a backup of your blog's template code, click inside the box containing the template code.
3.Now, Press Ctrl+F to locate the <body>.
4.Copy and Paste the code below under <head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
5.Now Find the ]]></b:skin>
6.Copy and paste the code above from below</body>
/* CSS loading ball by prio-soft */ #loadingHalaman { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtcXzpPiAX0hlyo_gjHZkQqfiN1I3BNgC5K9aitRaqBlQ16xOEdBPv-5Bp3pEdpZYnSUnxEj63j28VzzwENGSUdS2wfwiphOS49XLAl3TFWnK6_QsGO5NohhPzeCkbsoEMdOfp9wD1Rn03/s1600/dark-loading.gif) no-repeat center; background-color:rgba(0, 0, 0, 0.32); width:100%;height:100%; position: fixed; left: 0px; top:0px; z-index: +100000;
7.Look for </body>. By using the Ctrl+F
8.The JavaScript below, and insert it before or above</body>.
//<![CDATA[ //Loading Halaman $undefinedwindow).bindundefined"load", functionundefined) { $undefined'#loadingHalaman').slideUpundefined1000); }); //]]>
9.Copy and paste the code below to the </body> element.
<div id="loadingHalaman"></div>
10. You've finished. Now Save the template, then reload the page to see the result.
Conclusion
This post will explain How To Make A Stylish Loading Animation For Blogger. If you find this useful, please share it with your friends. If you still have questions, feel free to join our Telegram groups for more helpful content. The majority of the advice is exclusively available on Telegram Chenall, your preferred ShouNone