# Full-Bleed Header Image for Individual Blog Posts

**URL:** <https://community.elfsight.com/t/full-bleed-header-image-for-individual-blog-posts/67208>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [August 23, 2024, 8:53am UTC](https://community.elfsight.com/t/full-bleed-header-image-for-individual-blog-posts/67208 "2024-08-23T08:53:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [August 23, 2024, 8:53am UTC](https://community.elfsight.com/t/full-bleed-header-image-for-individual-blog-posts/67208/1 "2024-08-23T08:53:08Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/2/224cd4b4a8cf207037e1d7b6c148ff21b8887e1a.jpeg)

You can follow these steps

**#1.** Use this code to Code Injection \> Footer

```auto
<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>

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/8/58565cb949962f3e51a3fd09e31cb39ff3845909.png)

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/5/f5b39ea5ec971ab927809144de1fccdfaddff816.png)

Next, click **Advanced**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/3/a31ec136b82f1d3a591c669e44f9482a1c0d485b.png)

Next, click Post Blog Item Code Injection

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/f/bfac7ed91847189436cb56e03c7d4851b15be1b4.png)

paste this code

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

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/d/4d4058883cbddd9631cd102120652c27b876121a.jpeg)

**#3.** You can use [**this plugin**](https://www.will-myers.com/products/p/blog-post-banner-image-styles-plugin?peachs_apc=tuan-phan) if you want to add more style….

For example:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/6/f68cce12634f6e28b3c8c64dcc892032a669f589.jpeg)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/b/5b185cd4c0f123fd48d10e1214872ac1b44ee3a9.jpeg)