Bloggers put the visitors on the shelves to easily add pages loading effect darling!

I hope everyone has a kind kusalei. In today's post we will discuss with you the options of Blogger, which is a uigeta given the title tune.

Free blogging as a popular platform is currently blogspot users. The more ideas you have about HTML or uigeta Blogger, you can just eye catching tatabesi own site. However, your blog or site to be loaded from one page to another page, then you can add great a loading effect will attract more attention to the visitors. So let's see how to do it?

Stap 1 

1. Blogger on your first login.

II. Template to edit the search for </ head> (here's what you need to add Google's Javascript option)

3. </ head> section add the following code just above the default of:

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type = "text / javascript"> </ script>

(B: dra If you have previously connected to it do not have to re-add)

Second process 

1. Please search again </ body> 


 

See above, just add a reference to the default text

<style>
#nbl-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#fff url('http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif') no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
opacity: 0.5;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="nbl-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#nbl-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

(Note that after adding the code to save the template.)> Diameter of the research results and to see the 
demo preview