This loading effect is triggered whenever a link to the blog is clicked (when the switch is still in the blog page and it is) then this animation will appear.Toady I will share this.
How, interested to install it?
Here are the steps.
If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.
How, interested to install it?
Here are the steps.
DEMO HERE:
Install Simple Animation Loading blogger:
- Login back to your blogger account Select your blog < Template < Edit HTML
- Save a backup of your blog template code first, now click inside the template code box.
- Now Find the <head> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
- Step Copy and Paste the below code above </head>
- Now Find the ]]></b:skin> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
- Copy and Paste the below code above ]]></b:skin>
- Locate <body> By Pressing Ctrl+F (Windows) or CMD+F (Mac) and copy
the below JavaScript and paste it above/before </body> - Copy and Paste the below code above </body>
- You're done. Now Save template and see result by refreshing page.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
If this script above previously has been installed on your blogger template then skip this step
/* CSS loading ball by prio-soft */
#loadingHalaman {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSW1bEPtYAkBGLGTyMB5bD94fJJ084_2-pF-V74iJqVOUt928xXiMzS2C4Af04_D4v6bC8JHurhAT6uKzLtCKtWdYZXl5m00jH88PjcL-6tuL4MA5-w10N7AdhmzUbwdg-yya_VkwZ_rUW/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;
//<![CDATA[
//Loading Halaman
$undefinedwindow).bindundefined"load", functionundefined) {
$undefined'#loadingHalaman').slideUpundefined1000);
});
//]]><div id="loadingHalaman"></div>
If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.
Any type of information please Contact us.
Post a Comment