1) Download the .js and .css files and upload them to your Squarespace website:

2) Copy the two code snippets, and paste them into their designated areas.

The styles go in the Site HEADER Code Injection area.

<!-- Section Loader from Will-Myers.com -->
<link rel="stylesheet" href="REPLACE_ME.css">

The javascript goes in the Site FOOTER Code Injection area.

<!-- Section Loader from Will-Myers.com -->
<script src="REPLACE_ME.JS"></script>

3) Replace the URL’s "REPLACE_ME.CSS" and "REPLACE_ME.JS" with the unique URL’s that Squarespace generates for the files you just uploaded.

How can I hide a section loader if there are no blocks in the section?

I'm a developer, do you have any custom events I can hook into?