Preloader Animation Squarespace | Turn Your Logo Into an Animated Preloader

In this video, I'll go over how to add preloader animation to Squarespace. We'll go over either generating a loading animation from a website, or making a personalised pulsating logo in Photoshop.

The script you need to make this work 👇👇

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>
$(window).load(function() {
show();
}); 

function show() {
$('.loader').delay(1000).hide();
$('body').fadeIn();
};

setTimeout(show, 3000);
</script>

<style>
.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url('YOURURL') 50% 50% no-repeat rgb(249,249,249);  }
</style>