Friday, 25 December 2015

How to Install a Flat Preloader In Blog


Hi Buddy Styler - This time I will share an instructional exercise how to include the impact of stacking the web journal, obviously, will make your blog more cool. Inquisitive?

Open your blog > Templates > Edit HTML > Put the following code just above the </ body>

<Style type = "text / css">
#loading {
  position: fixed! important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background: # fff url (39; http: // 2 .bp.blogspot.com / -WMrxilJ2OjE / VkND4rD5KoI / AAAAAAAACLo / FgtK4TDG4bE / S1600 / Preloader_3.gif 39;) no-repeat 50% to 30%;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1 em 1.2 em;
  }
  </ Style>
<Script type = 'text / javascript'>
// <! [CDATA [
$ (document.body) .append ('<div id = "loading"> Loading ... </ div>');
$ (Window) .on ("beforeunload", function ()
{// ... Show the Animation `.fadeIn ()`
$ ('#loading') .fadeIn (1000) .delay (6000) .fadeOut (1000);
});
//]]>
  </ Script>
2. Save Template, See the results! Not easy? If there is difficulty please ask in the comments box

No comments:

Post a Comment