Full-Bleed Header Image for Individual Blog Posts

To add fullbleed header image banner for individual blog posts on Squarespace, like this.

You can follow these steps

#1. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/BlogPostBannerFree@3.1/blogbanner-javascript.min.js"></script>

#2. Hover on Blog Page > Click the Gear icon

Next, click Advanced

Next, click Post Blog Item Code Injection

paste this code

<div data-wm-plugin="blog-post"></div>

#3. You can use this plugin if you want to add more style….

For example: